已收藏,可在 我的资料库 中查看
关注作者
您可能还需要

如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!

本文分享了如何使用Google Tag Manager(GTM)灵活设置转化追踪代码的方法。文章分为三个部分,分别介绍了网站表单询盘追踪、客户发送邮件追踪以及客户点击电话或Whatsapp追踪的设置方法。

今天给大家分享关于如何灵活利用GTM设置转化追踪代码的方法,在之前的文章给大家分享过如何去安装GTM以及利用GTM安装GA。安装完成之后接下来就是去设置追踪代码了,网站的转化追踪设置往往是最容易被忽视的,同样也是最重要的,为什么说正确的安装网站的转化追踪非常重要?

从谷歌广告的角度假如你的转化追踪代码设置的不正确,广告跑出的转化偏高、或者偏低都是会影响谷歌广告的机器学习模型机器学习数据不准确,最终拿到的转化结果也是不准确的。

从SEO的角度: 虽然Google官方表示他们不使用Google Analytics或其他分析工具的数据来直接影响搜索排名,但是如果网站的转化追踪代码设置不准确,可能会影响用户体验。如果用户在访问你的网站时遇到问题,例如无法完成购物或填写表单,这可能导致他们离开网站,反过来可能会影响搜索引擎的排名。下面我会以B端网站为例,进行追踪代码设置演示:

一.网站表单询盘追踪

网站有Thank you page的情况我们每个网站基本上都会有一个thank you page,当客户填写完表单点击发送成功后,会自动跳转到这个页面。这样我们就能够确保客户是真实的已经发送成功了,相对来说比较准确。注:这个页面一定要添加noindex,因为这个页面是没有任何内容的,不需要要谷歌收录它。

如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!

图片来源:Wordpress

接下来是如何设置追踪代码:

1.设置变量:在GTM后台找到变量,点击新建,在网页这里把下面的这几个变量全都打上对勾。

如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!图片来源:Google Tag Manager

2.设置触发器:同样在GTM左侧边栏找到触发器,点击新建,触发器类型选择网页浏览,触发条件选择某些网站浏览,触发器为Page URL、包含、thank you page的链接,给这个触发器命名为thank you page。

如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!图片来源:Google Tag Manager

3.设置代码:GTM左侧边栏找到代码点击新建。代码配置选择GA4代码,如果需要设置谷歌广告代码,代码类型直接选择Google ads代码,在代码设置里面首先需要填写衡量ID。事件名称:“thank you page”,触发事件:选择我们之前设置好的触发器。

如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!图片来源:Google Tag Manager

GA4的衡量ID去哪里找?

在GA4的后台下面找到设计的按钮,点击之后找到Data Stream,进入之后就可以看到GA4的ID了,为“G-XXXXX”的形式。

如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!图片来源:Google Analytics

如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!图片来源:Google Analytics

4.设置完成点击测试:设置完成之后,点击预览进行测试,发送询盘后在Tags Fired里面出现我们设置的事件,证明我们的代码已经设置成功了。

如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!图片来源:Google Tag Manager

在网站没有Thank you page的情况:

相信有很多商家,网站都是通过第三方建的模板站,有一些网站发送完询盘,是没有跳转thank you page这个页面的,一般都会在发送成功后在下方出现一段文字显示发送成功。这种情况下有很多朋友是去追踪点击“send”按钮,这种追踪方式是不准的,当客户误触这个按钮,也会被判定为转化。下面给大家演示下这种情况下如何去设置。

1.发送一封测试表单我们首先需要先发送一封测试询盘,发送成功后表单下面会出现“Your submission was successful.”的字样,当然每个网站不一样,大致是这样一段字样。

如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!图片来源:Google Tag Manager

2.找到CSS代码我们需要找到这段文字的代码,按“F12”或者鼠标右击检查源码,复制后备用。

如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!

图片来源:Google Tag Manager

3.设置触发器在GTM左侧边栏找到触发器,点击新建,触发器类型选择“元素类型”。选择方法"CSS"选择器,,元素选择器:将我们上一步找到的代码粘贴到这里。下面的选项设置如下图所示:设置完成后点击保存。

如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!

图片来源:Google Tag Manager

4.设置代码在GTM左侧边栏,选择代码,点击新建。代码类型同样选择GA4,GA4的衡量ID都是一样的,事件名称“send_form”。触发条件:选择刚才设置好的触发器。

如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!图片来源:Google Tag Manager

5.设置完成点击测试在GTM的右上方点击预览,发送一封表单询盘进行测试。

如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!图片来源:Google Tag Manager

二.客户发送邮件追踪

对于外贸独立站,客户在寻找供应商时用到最多的就是通过邮件联系。在我们的独立站上面一般都会有浮动的邮箱图标,或者直接添加邮箱的锚文本,点击直接可以给我们发邮件,或者客户会将我们网站上面的邮箱复制下来,去邮箱里面发送。像这样的客户通过发送邮件联系我们,也被算作转化。接下我来给搭建演示下如何跟踪邮件的转化追踪。

客户直接点击网站邮箱图标或锚文本的情况:

1.设置变量在GTM后台找到变量,点击新建,点击这里把下面的这几个变量全都打上对勾。

如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!图片来源:Google Tag Manager2.设置触发器在GTM后台点击触发器,触发器类型选择“仅链接”,触发条件选择"某些链接点击” 触发器设置选择:Click URL、包含、mailto:邮箱。 如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!图片来源:Google Tag Manager

3.设置代码在GTM后台点击代码,新建代码。与前面相似,代码类型选择GA4,触发器选择刚才我们设置好的触发器。

如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!图片来源:Google Tag Manager 


 4.检查是否触发成功在GTM的右上方点击预览,点击我们网站上的邮箱进行测试。这里不管是网站上的图标还是锚文本都可以被触发。
如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!图片来源:Google Tag Manager客户复制网站上面邮箱的情况:

有些客户可能不会直接在网站上点击邮箱元素进行直接发送,还可能会复制我们网站上的邮箱,去其他邮箱发送。这种情况的追踪方式有一点难度,下面步骤;

1.设置一段自定义HTML:首先我们需要先新建一个HTML代码,在GTM后台找到代码。点击新建,代码类型选择“自定义HTHL”。将下面的这一段HTML复制进去,触发条件选择ALL pages

如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!图片来源:Google Tag Manager  如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!

2.自定义变量:在GTM后台点击变量,下滑找到新建变量,变量类型选择:数据层变量。数据变量名这里写代码中标黄的字样“clipboardText”。 如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!图片来源:Google Tag Manager

3.设置触发器在GTM后台点击触发器,触发器类型选择:自定义事件,事件名称填写:代码中另一个标黄:clipboardText。下面触发条件选择某些自定义事件,触发器:选择上一步设置好的触发器clipboardText、等于、网站上的邮箱。

如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!

图片来源:Google Tag Manager

4.设置代码代码类型同样选择GA4事件代码,ID跟上面一样,事件名称:Copy_Email,触发条件选择我们设置好的自定义事件。

如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!

图片来源:Google Tag Manager

5.测试是否触发成功点击预览,在网站上找到邮箱,复制测试下触发结果。

如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!图片来源:Google Tag Manager以上就是追踪客户发送邮箱的转化的设置方法。

三.客户点击电话或Whatsapp追踪:

有些客户比较喜欢即时聊天的形式,通过拨打电话或者Whatsapp的方式来联系我们,我们也可以通过GTM去追踪客户这个转化动作。

追踪客户点击Whatsapp:

1.设置触发器:触发器类型选择:仅链接,选择某些链接,点击URL、包含、链接粘贴Whatsapp的链接,一般为:https://api.whatsapp.com/send?l=en&phone=86xxxxxx

如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!图片来源:Google Tag Manager

2.设置代码:代码类型同样选择GA4事件代码,ID跟上面一样,事件名称Click_Whatsapp,触发条件选择我们设置好的自定义事件

如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!图片来源:Google Tag Manager 

 3.测试:是否可以触发成功

如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!

追踪客户点击电话:一般来说客户在手机端浏览我们的网站时可能会直接点击电话给我们打电话,对于这个转化动作,我们可以按照以下步骤进行追踪:

1.设置触发器:触发器类型选择:仅链接,选择某些链接,点击URL、包含、链接粘贴Whatsapp的链接,一般为:"tel:xxxxx如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!图片来源:Google Tag Manager

2.设置代码:代码类型同样选择GA4事件代码,ID跟上面一样,事件名称:Click_Whatsapp,触发条件选择我们设置好的自定义事件。

如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!图片来源:Google Tag Manager3.测试:是否可以触发成功 如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!图片来源:Google Tag Manager 

以上就是Google Tag Manager的一些常用的网站转化事件追踪,当然我们还可以利用它追踪更多的用户行为,有助于我们的网站优化,大家可以按照上述步骤结合自己的需要去实践。

(来源:Russell)

以上内容属作者个人观点,不代表雨果跨境立场!本文经原作者授权转载,转载需经原作者授权同意。​

分享到:

--
评论
最新 热门 资讯 资料 专题 服务 果园 标签 百科 搜索
雨果跨境顾问
Google顾问-Sandy
OceanWeb新客独家福利:前100名免费送$20广告体验金,点击按钮咨询顾问并领取,雨果跨境官方顾问

收藏

--

--

分享
Russell
分享不易,关注获取更多干货