Notifications
Clear all

Iframe website

17 Posts
2 Users
0 Reactions
1,583 Views
Posts: 9
Topic starter
(@blackboxz)
Active Member
Joined: 2 years ago

Hello Michael,

Is there a possibility that you could have a look at https://www.bonnieraitt.com/tour-archives-2022 and tell me why I can’t get it to work, iframed?

It past the iframe check but…

The scrolling behaves weird, in fact I only want this to show and further down, without the header. (or with header if not possible)

Could you give me a hint in the right direction?

Greetings,

Eric

Topic Tags
16 Replies
TinyWebGallery
Posts: 925
Admin
(@admin)
Prominent Member
Joined: 16 years ago

Seems that there is an issue with the page itself:

VM907:3 Uncaught DOMException: Blocked a frame with origin "https://www.bonnieraitt.com" from accessing a cross-origin frame.
at <anonymous>:3:73
at https://www.googletagmanager.com/gtm.js?id=GTM-M9NK8HW:482:414
at b ( https://www.googletagmanager.com/gtm.js?id=GTM-M9NK8HW:483:329)
at we ( https://www.googletagmanager.com/gtm.js?id=GTM-M9NK8HW:88:261)
at e ( https://www.googletagmanager.com/gtm.js?id=GTM-M9NK8HW:266:10)
at https://www.googletagmanager.com/gtm.js?id=GTM-M9NK8HW:37:130
at Array.<anonymous> ( https://www.googletagmanager.com/gtm.js?id=GTM-M9NK8HW:267:229)
at Object.execute ( https://www.googletagmanager.com/gtm.js?id=GTM-M9NK8HW:266:368)
at Zr ( https://www.googletagmanager.com/gtm.js?id=GTM-M9NK8HW:268:984)
at hs ( https://www.googletagmanager.com/gtm.js?id=GTM-M9NK8HW:272:20)

So I think the tag manager itself causes the problem. 

It does include some code which does not work inside an iframe. If seems to loop which causes a page refresh each time. When you can maybe try is to include the page without Javascript. 

See the sandbox attribute 

settings: https://www.w3schools.com/tags/att_iframe_sandbox.asp

you could try  sandbox="sandbox"

Best regards, Michael

 

 

Reply
Posts: 9
Topic starter
(@blackboxz)
Active Member
Joined: 2 years ago

Hello Michael,
With the sandbox setting the loop is at ease and the page acts normal 🙂 but I want to use the iframe inside a tab and then it freezes.
I use WPBakery + Elegant Tabs plugin. Do you think there's a solution for this?
Outside the tab it works.
Greetings,

Eric

Reply
TinyWebGallery
Posts: 925
Admin
(@admin)
Prominent Member
Joined: 16 years ago

Have you checked if the sandbox attribute has to do with it?

And you could try lazy load. So the iframe is only loaded once the tab is shown. 

See: https://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/auto-height-of-hidden-iframes#e28

Also maybe the default lazy load which is enabled is a problem. You can disable this on the basic tab.

Best regards, Michael

 

Reply
Posts: 9
Topic starter
(@blackboxz)
Active Member
Joined: 2 years ago

Hello Michael,

Don't know what I did but somehow it just worked after I created new tabs again 🙂

Thank you for your help!

Greetings,

Eric

Reply
Page 1 / 4