在过去的一年里,我已经将 GTM 集成到我使用 Oxygen 构建的网站中,形式如下:
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXX');
gtag('config', 'GTM-XXXXX');
</script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GT-XXXXX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
Google Analytics 和 AdWords 运行正常——我当时专注于最大化点击次数。大约 1.5 个月前,我将策略改为最大化转化,并在网站上创建了多个转化事件,而无需修改代码。一切都很顺利——我注意到用户参与度显著提高,预算利用率下降。但这种情况只持续了一段时间。
几天前,转换停止了。GTM 无法被调试器检测到,即使它在面板中显示为已连接。因此,我尝试将网站上的代码更改为 Google 建议的代码:
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXX');</script>
<!-- End Google Tag Manager -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
使用此版本,GTM 变得可见,并且在调试模式下测试时转换似乎可以正常工作。但是,出现了冲突,特别是与 Oxygen 插件有关 - 某些元素停止显示,甚至 Oxygen 编辑器也变得无法使用。此外,WP Maps Pro 插件处理的地图无法加载。
我尝试了所有方法——我分析了原始代码停止工作时所做的所有更改。我还修改了新代码,以防止它在 Oxygen 编辑器中加载,并确保它在所有其他脚本之后异步加载。然而,与地图的冲突仍然存在。我也不希望延迟加载对转换产生负面影响。
我也尝试通过各种插件添加 GTM,但每次从服务器加载 gtm.js 时,都会出现问题。
我还可以检查什么或者做什么?
//EDIT 根据要求从控制台添加屏幕截图。