源码哥,靠谱的网站源码下载站 帮助 每日签到

源码哥

广告位《资讯详情页横幅-1150*?》

Google Ads转换跟踪代码配置方法和步骤

  • 发布者:源码哥 时间:2022-09-21 15:44 阅读:316
  • 扫一扫,手机访问
广告位《资讯详情页摘要上方横幅-828*?》
摘要:使用代码为了使转换跟踪发挥作用,需要添加由谷歌标签和事件片段构成的转换跟踪代码。此外,只有在点击客户选择的链接、按钮或图片时,谷歌广告才需要添加代码来记录转换。使用谷歌标签管理器添加标签时,请按照这里的步骤来代替。如果有在AMP中创建的页面,则必须对AMP页面和HTML页面进行编码。有关标记两种类型页面的信息,请参见此处。HTML网页在网站的所有页面上添加谷歌代码。打开每个网页的HTML代码。1、选择以下选项:如果网站上没有添加谷歌代码

使用代码


为了使转换跟踪发挥作用,需要添加由谷歌标签和事件片段构成的转换跟踪代码。此外,只有在点击客户选择的链接、按钮或图片时,谷歌广告才需要添加代码来记录转换。使用谷歌标签管理器添加标签时,请按照这里的步骤来代替。


如果有在AMP中创建的页面,则必须对AMP页面和HTML页面进行编码。有关标记两种类型页面的信息,请参见此处。


HTML网页


在网站的所有页面上添加谷歌代码。

打开每个网页的HTML代码。


1、选择以下选项:

如果网站上没有添加谷歌代码,请复制以下代码,粘贴在“head”标签(<head></head>)之间。


<script async src="https://www.googletagmanager.com/gtag/js?id=AW-109*******"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-109*******'); </script>


2、如果您正在从其他谷歌服务(如谷歌分析)或其他谷歌广告账户向网站添加谷歌代码,请复制以下“config”命令,将其添加到网站所有谷歌代码的末尾<的正上方。/脚本>标记。


gtag('config', 'AW-109*******');


3、在设置其他转换动作的标签时,如果你或客户中心(MCC)账户在网站上添加了谷歌代码,请确认在网站的所有页面上都添加了代码请确保“config”命令包含转换ID。此谷歌广告账号:AW-109*******


保存对这些页面的更改。


将事件片段添加到包含要跟踪的按钮或链接的页面。


打开此页的HTML代码。


复制以下代码片段,在网页的“head”标签(<head></head>)之间,在谷歌代码之后粘贴。


<!-- Event snippet for 咨询报价 conversion page In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. --> <script> function gtag_report_conversion(url) { var callback = function () { if (typeof(url) != 'undefined') { window.location = url; } }; gtag('event', 'conversion', { 'send_to': 'AW-109*******/YaLjCO6q8d8DEMaZtuAo', 'value': 1.0, 'currency': 'CNY', 'event_callback': callback }); return false; } </script>


向“值”和“currency”参数添加动态传递值的代码。这允许您根据交易记录的特定值(如销售收入)跟踪转换。


将onclick属性直接添加到要跟踪的按钮或链接的代码中。使用哪些代码取决于链接或按钮在站点上的显示方式。这取决于是文本链接、按钮还是按钮图像。


将代码添加到文本链接:在以下代码中http://example.com/your-link用网站或电话链接的URL替换,“Download Now!”将条目添加到文档注册表。


<a onclick="return gtag_report_conversion('http://example.com/your-link');" href="http://example.com/your-link立即下载


向按钮添加代码:此代码说明如何使用<button>标记向按钮添加单击跟踪。http://example.com/your-link替换为网站URL。


<button onclick="return gtag_report_conversion('http://example.com/your-link“”>发送


向按钮图像添加代码。在以下代码中,将download_button.gif替换为相应的按钮图像,并将宽度和高度替换为图像的相应参数。适当链接的URL。


<imgsrc=“download_button.gif”alt=“下载白皮书”width=“32”height=“32”onclick=“return gtag_report_conversion('http://example.com/your-link')" />


保存对此页所做的更改。


AMP网页


要对AMP框架中构建的页面进行编码,必须执行以下步骤:


在网站的所有页面上添加谷歌代码。


打开每个网页的HTML代码。


选择以下选项:


如果你还没有在网站上添加谷歌代码,请添加以下两个代码。


首先,复制以下代码,粘贴到head标签(<head></head>)之间,放置在AMP JS库的前面。


<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>


然后,复制以下代码,粘贴到所有AMP页面的body标签(<body></body>)之间。


<!-- Global site tag (gtag) - Google Ads: AW-109******* --> <amp-analytics type="gtag" data-credentials="include"> <script type="application/json"> { "vars": { "gtag_id": "AW-109*******", "config": { "AW-109*******": { "groups": "default" } } }, "triggers": { } } </script> </amp-analytics>


如果您从其他谷歌服务(例如,谷歌分析)或其他谷歌广告账户向网站添加谷歌代码,请复制以下代码行,添加到网站“config”部分显示的所有谷歌代码中。


“AW-109*******”:{“组”:“默认值”}


在设置其他转换动作的标签时,如果自己或客户中心(MCC)账户将谷歌代码添加到了网站上,请确认在网站的所有页面上都添加了代码请确保“设置”部分包含转换ID。此谷歌广告帐户:AW-109*******


保存对这些页面的更改。


将事件片段添加到包含要跟踪的按钮或链接的页面。


打开此页的HTML代码。


找到适合您要跟踪的按钮或链接的CSS选择器。例如,如果按钮设置为:。


<button id=“purchase”class=“out-button”>单击


复制以下代码片段,粘贴到谷歌代码的“触发器”部分。然后,根据单击的项目更改selector的值。


"C_4VbosQWxZU8": { "on": "click", "selector": "CSS_SELECTOR", "vars": { "event_name": "conversion", "value": 1.0, "currency": "CNY", "send_to": ["AW-109*******/YaLjCO6q8d8DEMaZtuAo"] } }


向“值”和“currency”参数添加动态传递值的代码。这允许您根据交易记录的特定值(如销售收入)跟踪转换。


保存对此页所做的更改。


相关连接: 网站源码 企业网站源码

  • 全部评论(0)
上一篇:已是第一篇内容
下一篇:Google Ads跟踪因交易而异的转化价值
广告位《资讯详情页最新发布上方横幅-828*?》
最新发布的资讯信息
【网站开发|HTML】html编码设置(2022-10-17 11:26)
【网站开发|HTML】html添加注释的方法(2022-10-17 11:25)
【网站开发|HTML】html元素(2022-10-17 11:23)
【网站开发|HTML】html属性介绍(2022-10-17 11:22)
【网站开发|HTML】html标签说明(2022-10-17 11:21)
【网站开发|HTML】html的基本结构(2022-10-17 11:20)
【行业资讯|】如何学习好网站前端开发?(2022-10-14 14:53)
【网站开发|JavaScript】如何轻松学习JavaScript(2022-10-14 14:26)
【网站开发|node.js】NodeJS Service Docker映像终极优化指南(2022-10-14 14:14)
【网站开发|JavaScript】后端response响应返回图像,前端怎么下载图片?(2022-09-23 10:17)
联系我们
Q Q:472206683
微信:472206683
邮箱:472206683@qq.com
时间:09:00 - 24:00
联系客服
售前咨询 网站搭建 技术支持 联系客服
18639176864
手机版
手机版二维码
扫一扫进手机版
返回顶部