您现在的位置是：首页 > WordPress教程WordPress教程

如何在WordPress中添加Google Tag Manager

WP集市 2025-08-26 【WordPress教程】 1907人已围观

首先你得有个Google Tag Manager账号，没的话去gtagm官网注册个容器，选"Web"平台，复制那段长得像GTM-XXXXX的ID码，待会儿塞进WordPress脑袋里。
进WordPress后台，别急着装插件！直接打开主题文件编辑器，找到header.php模板。在标签后面黏贴这段：

<?php if (function_exists('gtm4wp_the_gtm_tag')) {
  gtm4wp_the_gtm_tag();
} else { ?>
<!-- 手动备份方案 -->
<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>
<?php } ?>

记得把GTM-XXXXX换成你的容器ID！不然数据会飘到外太空去。接着在body标签开头补个noscript段落：

<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

要是懒得改代码，可以用个叫"GTM4WP"的插件，装完在设置页填ID就行。但注意插件可能拖慢0.3秒加载速度——毕竟要多喝一杯咖啡的时间才能跑起来。
测试阶段很重要！装完用Chrome的Tag Assistant插件检查，看到绿色弹窗才算成功。有时候会出现数据层乱码，八成是js冲突，试着把代码移到header最顶部试试。
最后记得在GTM后台配置触发条件，比如追踪"点击购买按钮"事件，就得在WordPress的按钮元素里加个data-layer推播代码：

document.getElementById("buy-button").addEventListener("click", function(){
  dataLayer.push({
    'event': 'purchase',
    'productID': 'WP-PRO-2024'
  });
});