Google Tag Manager与Oxygen搭建的WordPress站点冲突排查求助

背景与问题历程 #

过去一年，我通过以下代码将Google Tag Manager（GTM）集成到Oxygen搭建的WordPress站点中：

<!-- 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官方推荐的GTM代码：

<!-- 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插件部分元素不显示、编辑器无法使用，WP Maps Pro插件的地图也无法加载。

已尝试的解决动作 #

• 分析转化失效时的所有变更记录
• 修改代码逻辑，避免在Oxygen编辑器环境加载GTM
• 设置GTM脚本异步加载
• 尝试多款第三方GTM集成插件（只要加载gtm.js就会触发冲突）

我不想因延迟加载影响转化效果，但地图冲突仍未解决，请问还有哪些可排查或尝试的解决方法？

内容的提问来源于stack exchange，提问作者Greg