使用代码
为了使转换跟踪发挥作用,需要添加由谷歌标签和事件片段构成的转换跟踪代码。此外,只有在点击客户选择的链接、按钮或图片时,谷歌广告才需要添加代码来记录转换。使用谷歌标签管理器添加标签时,请按照这里的步骤来代替。
如果有在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”参数添加动态传递值的代码。这允许您根据交易记录的特定值(如销售收入)跟踪转换。
保存对此页所做的更改。