首先,在源代码中找到你的主题的 header.php(wp-content > 主题 > 你的主题)。接下来,将以下代码复制并粘贴到开头的 HTML 标记 () 之后
<!-- dataLayer -->
<script>
var dataLayer = window.dataLayer = window.dataLayer || [];
<?php if(is_single()){ ?>
<?php $post = get_post(); ?>
<?php $author_id = $post->post_author; ?>
<?php $author_fullname = get_the_author_meta( 'display_name', $author_id); ?>
dataLayer.push({
'post_author_fullname': '<?php echo $author_fullname ?>',
'event': 'PostInformation'
});
<?php } ?>
</script>
<!-- End dataLayer -->
<!-- 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','<YOUR-GTM-ID-HERE>');</script>
<!-- End Google Tag Manager -->
上面的代码首先启动 dataLayer 并填充您需要的信息(在本例中,作者在博客文章页面上)。接下来,启动谷歌标签管理器。顺序很重要,所以不要更改它。请注意,您需要使用自己的 GTM ID。
其次,您需要配置 GTM 以使用这些信息。转到https://tagmanager.google.com并打开您的工作区。
在左侧,您会看到主菜单;单击菜单项变量,然后单击用户定义变量部分中的新建按钮。
给变量命名,选择类型数据层变量,名称,然后点击保存完成此步骤
第三,创建另一个用户定义的变量来保存您的 Google Analytics(分析)跟踪 ID。
第四,创建一个新的用户定义变量来保存 Google Analytics 设置。
确保该索引与 Google Analytics 中给出的索引一致。
在 Google Tag Manager 中,按如下方式配置标签。
如您所见,信息正在发送到 GA: