今天给大家分享关于如何灵活利用GTM设置转化追踪代码的方法,在之前的文章给大家分享过如何去安装GTM以及利用GTM安装GA。安装完成之后接下来就是去设置追踪代码了,网站的转化追踪设置往往是最容易被忽视的,同样也是最重要的,为什么说正确的安装网站的转化追踪非常重要? WWW.218918.com
从谷歌广告的角度:假如你的转化追踪代码设置的不正确,广告跑出的转化偏高、或者偏低都是会影响谷歌广告的机器学习模型,机器学习数据不准确,最终拿到的转化结果也是不准确的。
blog.218918.com
从SEO的角度: 虽然Google官方表示他们不使用Google Analytics或其他分析工具的数据来直接影响搜索排名,但是如果网站的转化追踪代码设置不准确,可能会影响用户体验。如果用户在访问你的网站时遇到问题,例如无法完成购物或填写表单,这可能导致他们离开网站,反过来可能会影响搜索引擎的排名。下面我会以B端网站为例,进行追踪代码设置演示: wWw.218918.coM
一.网站表单询盘追踪: www.218918.com
网站有Thank you page的情况:我们每个网站基本上都会有一个thank you page,当客户填写完表单点击发送成功后,会自动跳转到这个页面。这样我们就能够确保客户是真实的已经发送成功了,相对来说比较准确。注:这个页面一定要添加noindex,因为这个页面是没有任何内容的,不需要要谷歌收录它。
易发资讯网
wWw.218918.coM
图片来源:Wordpress
toutiao.218918.com
接下来是如何设置追踪代码:
Www.218918.cOm
1.设置变量:在GTM后台找到变量,点击新建,在网页这里把下面的这几个变量全都打上对勾。
图片来源:Google Tag Manager
2.设置触发器:同样在GTM左侧边栏找到触发器,点击新建,触发器类型选择网页浏览,触发条件选择某些网站浏览,触发器为Page URL、包含、thank you page的链接,给这个触发器命名为thank you page。
图片来源:Google Tag Manager
3.设置代码:在GTM左侧边栏找到代码,点击新建。代码配置选择GA4代码,如果需要设置谷歌广告代码,代码类型直接选择Google ads代码,在代码设置里面首先需要填写衡量ID。事件名称:“thank you page”,触发事件:选择我们之前设置好的触发器。
图片来源:Google Tag Manager
GA4的衡量ID去哪里找?
在GA4的后台下面找到设计的按钮,点击之后找到Data Stream,进入之后就可以看到GA4的ID了,为“G-XXXXX”的形式。
图片来源:Google Analytics
图片来源:Google Analytics
4.设置完成点击测试:设置完成之后,点击预览进行测试,发送询盘后在Tags Fired里面出现我们设置的事件,证明我们的代码已经设置成功了。
图片来源:Google Tag Manager
在网站没有Thank you page的情况:
1.发送一封测试表单我们首先需要先发送一封测试询盘,发送成功后表单下面会出现“Your submission was successful.”的字样,当然每个网站不一样,大致是这样一段字样。
![如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!(图8) 如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!](http://img2.218918.com/uploads/allimg/20231213/1-231213151639139.jpg)
2.找到CSS代码我们需要找到这段文字的代码,按“F12”或者鼠标右击检查源码,复制后备用。
![如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!(图9) 如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!](http://img2.218918.com/uploads/allimg/20231213/1-2312131516403S.jpg)
图片来源:Google Tag Manager
3.设置触发器在GTM左侧边栏找到触发器,点击新建,触发器类型选择“元素类型”。选择方法"CSS"选择器,,元素选择器:将我们上一步找到的代码粘贴到这里。下面的选项设置如下图所示:设置完成后点击保存。
![如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!(图10) 如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!](http://img2.218918.com/uploads/allimg/20231213/1-231213151640151.jpg)
图片来源:Google Tag Manager
4.设置代码在GTM左侧边栏,选择代码,点击新建。代码类型同样选择GA4,GA4的衡量ID都是一样的,事件名称“send_form”。触发条件:选择刚才设置好的触发器。
![如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!(图11) 如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!](http://img2.218918.com/uploads/allimg/20231213/1-231213151641G3.jpg)
5.设置完成点击测试在GTM的右上方点击预览,发送一封表单询盘进行测试。
![如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!(图12) 如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!](http://img2.218918.com/uploads/allimg/20231213/1-231213151642G4.jpg)
二.客户发送邮件追踪:
对于外贸独立站,客户在寻找供应商时用到最多的就是通过邮件联系。在我们的独立站上面一般都会有浮动的邮箱图标,或者直接添加邮箱的锚文本,点击直接可以给我们发邮件,或者客户会将我们网站上面的邮箱复制下来,去邮箱里面发送。像这样的客户通过发送邮件联系我们,也被算作转化。接下来我来给搭建演示下如何跟踪邮件的转化追踪。
客户直接点击网站邮箱图标或锚文本的情况:
1.设置变量在GTM后台找到变量,点击新建,再点击这里把下面的这几个变量全都打上对勾。
![如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!(图13) 如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!](http://img2.218918.com/uploads/allimg/20231213/1-231213151643556.jpg)
![如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!(图14) 如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!](http://img2.218918.com/uploads/allimg/20231213/1-231213151643359.jpg)
3.设置代码在GTM后台点击代码,新建代码。与前面相似,代码类型选择GA4,触发器选择刚才我们设置好的触发器。
![如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!(图15) 如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!](http://img2.218918.com/uploads/allimg/20231213/1-231213151644364.jpg)
4.检查是否触发成功在GTM的右上方点击预览,点击我们网站上的邮箱进行测试。这里不管是网站上的图标还是锚文本都可以被触发。图片来源:Google Tag Manager客户复制网站上面邮箱的情况:
有些客户可能不会直接在网站上点击邮箱元素进行直接发送,还可能会复制我们网站上的邮箱,去其他邮箱发送。这种情况的追踪方式有一点难度,下面步骤;
1.设置一段自定义HTML:首先我们需要先新建一个HTML代码,在GTM后台找到代码。点击新建,代码类型选择“自定义HTHL”。将下面的这一段HTML复制进去,触发条件选择ALL pages
图片来源:Google Tag Manager
2.自定义变量:在GTM后台点击变量,下滑找到新建变量,变量类型选择:数据层变量。数据变量名这里写代码中标黄的字样“clipboardText”。图片来源:Google Tag Manager
3.设置触发器在GTM后台点击触发器,触发器类型选择:自定义事件,事件名称填写:代码中另一个标黄:clipboardText。下面触发条件选择某些自定义事件,触发器:选择上一步设置好的触发器clipboardText、等于、网站上的邮箱。
图片来源:Google Tag Manager
4.设置代码代码类型同样选择GA4事件代码,ID跟上面一样,事件名称:Copy_Email,触发条件选择我们设置好的自定义事件。
图片来源:Google Tag Manager
5.测试是否触发成功点击预览,在网站上找到邮箱,复制测试下触发结果。
图片来源:Google Tag Manager以上就是追踪客户发送邮箱的转化的设置方法。
三.客户点击电话或Whatsapp追踪:
有些客户比较喜欢即时聊天的形式,通过拨打电话或者Whatsapp的方式来联系我们,我们也可以通过GTM去追踪客户这个转化动作。
追踪客户点击Whatsapp:
1.设置触发器:触发器类型选择:仅链接,选择某些链接,点击URL、包含、链接粘贴Whatsapp的链接,一般为:https://api.whatsapp.com/send?l=en&phone=86xxxxxx
图片来源:Google Tag Manager
2.设置代码:代码类型同样选择GA4事件代码,ID跟上面一样,事件名称:Click_Whatsapp,触发条件选择我们设置好的自定义事件。
图片来源:Google Tag Manager
3.测试:是否可以触发成功
追踪客户点击电话:一般来说客户在手机端浏览我们的网站时,可能会直接点击电话给我们打电话,对于这个转化动作,我们可以按照以下步骤进行追踪:
1.设置触发器:触发器类型选择:仅链接,选择某些链接,点击URL、包含、链接粘贴Whatsapp的链接,一般为:"tel:xxxxx图片来源:Google Tag Manager
2.设置代码:代码类型同样选择GA4事件代码,ID跟上面一样,事件名称:Click_Whatsapp,触发条件选择我们设置好的自定义事件。
图片来源:Google Tag Manager3.测试:是否可以触发成功
图片来源:Google Tag Manager
以上就是Google Tag Manager的一些常用的网站转化事件追踪,当然我们还可以利用它追踪更多的用户行为,有助于我们的网站优化,大家可以按照上述步骤结合自己的需要去实践。
(来源:Russell)
未经允许不得转载:天下头条网 » 如何灵活运用GTM(Google Tag Manager)追踪网站转化事件,最全教程!!