Hello,
We’re using Woodmart theme with Elementor as page builder, this is an eCommerce website with WooCommerce.
We’re experiencing a strange issue: the website development is now complete and we’re now installing Google Tag Manager, however this breaks something and when the GTM code <noscript> is in the <body> the homepage can’t be edited (Elementor tries to load the editor but after few seconds it asks for safe mode to be enabled).
GTM code (example):
<!– Google Tag Manager (noscript) –>
<noscript><iframe src=”https://www.googletagmanager.com/ns.html?id=GTM-XYZ”
height=”0″ width=”0″ style=”display:none;visibility:hidden”></iframe></noscript>
<!– End Google Tag Manager (noscript) –>
Things we noticed so far:
• When trying to edit the homepage, in the console there is this alert:
Failed to load resource: the server responded with a status of 403 ()
https://www.*****.ext/?elementor-preview=32&ver=1719310663
– This is not showing if we try to edit another page (no console errors and correct editor loading)
• If the body tag of GTM is not pushed in to the body, everything works as expected.
• If we push another code with <noscript> with an <iframe> we have the same issue. Example code:
<!– TEST (noscript) –>
<noscript>
<iframe src=”https://www.w3schools.com” title=”W3Schools Free Online Web Tutorials”>
</iframe>
</noscript>
<!– End TEST (noscript) –>
Things we tried so far:
• Deactivate cache and security plugins
• Deactivate all plugins
• Push GTM head and body code with the plugin GTW4WP (we use to adopt this plugin in every project):
– Correct code placing
– Footer code placing
– Manual code placing
• Push GTM body code with Elementor custom code
• Push GTM body code with Woodmart custom JS
• Push GTM body code inserting it in function.php
Things we know fix the issue:
• Change theme (with 2024, 2023, etc, issue is gone!!! Homepage edit works as expected!)
The only solution we found is this one but it doesn’t fit our needs at all.
We’re looking for a solution as the website has to go online!
.
