5 分钟安装 GTM 在你的 WordPress 网站上，利用 GA 开始追踪网站数据(转载)

2021年9月28日 | 1134 | 标签：GTM

你想为你的 WordPress 网站埋入 GTM 吗？你是完全不懂程式码的行销人，身边没有工程师可以帮你埋吗？

这篇文章主要是帮助完全不懂程式码的新手，透过一款免费的 Google Tag Manager for WordPress 插件，来帮你的网站正确埋入 Google 提供的程式码管理工具 Google Tag Manager ( GTM )。

在安装完 GTM 之后，我也会带你实际操作一次，如何埋入所有网站必备的分析工具 Google Analytics ( GA )，帮助你接将所有进入网站的流量数据一网打尽！

GTM 是什么？

Google Tag Manager ( GTM ) 是一款由 Google 推出的免费网站程式码管理工具，它主要是设计给不懂程式码的网站站长使用，让他们能够在不接触任何程式码的情况下，对自己的网站程式码进行新增功能。

举例来说，如果你想要在网站中啟用 Google Analytics ( GA ) 的网站分析报表，那么你就必须在网站中埋入一段程式码，这时候你只要透过 GTM，就可以在上面简单的点点鼠标，将程式码埋放好，完全不需要懂程式语言，非常方便！

而如果你想要投放 Facebook 广告、Goolge Ads 广告等，那你就不可不用 GTM 进行这些广告的成效追踪与分析，GTM 可以说是行销人必会的 No.1 技能。

除此之外，GTM 是一个免费的工具，就跟 Gmail, Google Drive 一样，只要你有一个 Google 帐号就能使用，所以基本上不具有任何使用门槛，请安心使用。

总之，使用 GTM 能够帮助你更好的管理与维护网站的程式码，省去工程上的许多麻烦。

如何在 WordPress 上安装 GTM？

安装 GTM 插件

前往 WordPress 后台，安装并啟用 Google Tag Manager for WordPress 这款插件。

啟用完之后，在 WordPress 后台左边工具列中的“设置”中点选“Google Tag Manager”。

接着就会进入到插件设置的主画面，这时候它会要求你填写一个“Google 代码管理工具容器 ID”，如果你已经有用过 GTM 的话，就直接填写你的 GTM 容器 ID，并继续往下进行。

如果你还没有设置过 GTM 的话，这边我简单的带你设置一下：

取得 GTM 容器 ID

在登入 Google 帐号的情况下，前往 Google Tag Manager 首页，便可以开啟这个画面。

点选图中的红框处，建立一个新的帐户。

在帐户设置的部分，请依序进行以下步骤：

由于 Google 习惯将帐户以公司为单位作为区分，所以可以的话，这边建议填写你的“公司名称”，如果你是个人的话，可以填写你的“网站名称”作为代替。
由于我们是经营网站，所以这里的容器其实指的就是网站，因此这边 Google 是将容器以网站为单位作为区分，在此填入“你的网域”。
因为我们是 WordPress 网站，所以这边要选择“网络”。

接着就勾选同意合约，再按下右上角“是”。

会跳出一串密密麻麻的程式码，这就是 GTM 的基底程式码，但由于我们是用 WordPress 的插件安装，因此用不到，直接按“确定”即可。。

接着在右上角找到一段GTM-xxxxxx的编号，这就是你的 GTM 代码容器 ID，将其复製下来。

在 WordPress 中埋入 GTM

如果你是比较怕写程式码的人，或是不懂得怎么使用子主题，在上方填写 GTM 代码之后，直接选第一个选项页面页尾，即可以轻松插入 GTM 完成！

但因为这个作法，作者有特别注明 Google 不建议这么做，不建议的原因可能是因为这个作法是将程式码放在页面尾端，可能会导致放在前面的程式码没有 load 到。

因此，我在下方又提供了作者建议的 自订 作法，如果很在意这点的人可以用我的方法试看看。

回到 WordPress 后台，刚刚开啟 GTM 插件的地方，并依序输入：

在空白处贴上刚刚复製的 GTM 代码容器 ID。
选择“自订”。
这是插件提供给你的安装 GTM 的程式码，我后面会直接帮你写好，因此不会用到。
按下“储存设置”。

完成之后，回到后台左边工具列中的“外观”，并点选“佈景主题编辑器”。

接着这边选择你目前正在使用的佈景主题的子主题，基本上会写 Child 的字样。( 注：不使用子主题的话，主题更新后就会消失，要特别注意！如果你没有子主题，请去研究怎么使用子主题，或是使用我前面提到的安装 GTM 的方法。 )
点选底部有写 functions.php 的档案。

接着将下面这串程式码复製，然后直接贴上回刚刚开啟的 functions.php 档案空白处。

add_action('wp_body_open','add_gtm_code');

function add_gtm_code(){
    if ( function_exists( 'gtm4wp_the_gtm_tag' ) ) {
		gtm4wp_the_gtm_tag(); 
	};
}

贴上完之后，拉到最下面点选“更新档案”。