如何为Shopify独立站设置谷歌推广转化代码_Shopify外贸跨境电商网站开发-风格技术

如何为Shopify独立站设置谷歌推广转化代码

发布时间：0

发布者：

浏览次数：

<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">shopify建站完成之后，我们要操作谷歌广告，那么在操作之前，最重要的是什么？<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">是设置谷歌转化代码。<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">因为这样才能清晰地记录下来，是哪个关键词为你带来了转化，带来了多少价值（订单金额）。 <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">这里介绍一种最简单的，不需要去操作shopify代码的方式，来增加谷歌转化代码。 <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">首先，我们要在谷歌广告后台创建转化代码 <div style="margin: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255);"></div> <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;"><img src="/uploads/allimg/20230630/1-2306301545533V.png" alt="如何为shopify设置谷歌转化代码" data-original="/uploads/allimg/20230630/1-2306301545533V.png" class=" lazyloaded" style="border: 0px; letter-spacing: 0px; line-height: 2em; max-width: 100%;"/><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">图片来源：shopify <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">然后点击“+”按钮，选择“网站”<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">然后下面的设置，一般按照以下的设置即可，注意，价值选项里面的货币最好选择你目标市场的货币。 <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">后面的数值不要填写，就空着，原因是因为一般我们商店里的产品价格都不一样，所以客户每次下单的金额也不一样，填写了反而不精准，在最后添加代码的时候，我们只要加一段代码进去，就能使得谷歌广告自动记录每次下单的金额。 <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;"><img src="/uploads/allimg/20230630/1-230630154553446.png" alt="如何为shopify设置谷歌转化代码" data-original="/uploads/allimg/20230630/1-230630154553446.png" class=" lazyloaded" style="border: 0px; letter-spacing: 0px; line-height: 2em; max-width: 100%;"/><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">图片来源：shopify <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;"><img src="/uploads/allimg/20230630/1-230630154553328.png" alt="如何为shopify设置谷歌转化代码" data-original="/uploads/allimg/20230630/1-230630154553328.png" class=" lazyloaded" style="border: 0px; letter-spacing: 0px; line-height: 2em; max-width: 100%;"/><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">图片来源：shopify <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">然后选择“创建并继续” <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">选择“自行添加代码” <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;"><img src="/uploads/allimg/20230630/1-230630154553B7.png" alt="如何为shopify设置谷歌转化代码" data-original="/uploads/allimg/20230630/1-230630154553B7.png" class=" lazyloaded" style="border: 0px; letter-spacing: 0px; line-height: 2em; max-width: 100%;"/><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">图片来源：shopify <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">然后，就会出现两段代码，全局网站代码和事件代码段 <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;"><img src="/uploads/allimg/20230630/1-230630154554950.png" alt="如何为shopify设置谷歌转化代码" data-original="/uploads/allimg/20230630/1-230630154554950.png" class=" lazyloaded" style="border: 0px; letter-spacing: 0px; line-height: 2em; max-width: 100%;"/>图片来源：shopify <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;"><img src="/uploads/allimg/20230630/1-230630154554Z5.png" alt="如何为shopify设置谷歌转化代码" data-original="/uploads/allimg/20230630/1-230630154554Z5.png" class=" lazyloaded" style="border: 0px; letter-spacing: 0px; line-height: 2em; max-width: 100%;"/>图片来源：shopify <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">我们把这两段代码分别复制出来，一个在上，一个在下，比如这样： <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;"><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;"><script async src="https://www.googletagmanager.com/gtag/js?id=AW-xxxxx"></script><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;"><script><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">window.dataLayer = window.dataLayer || [];<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">function gtag(){dataLayer.push(arguments);}<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">gtag('js', new Date()); <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">gtag('config', 'AW-xxxxxxxx');<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;"></script> <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;"><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;"><script><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">gtag('event', 'conversion', {<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">'send_to': 'AW-xxxxxxx/FWhcCMav-soCEKCLgN0B',<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">'value': 1.0,<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">'currency': 'USD',<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">'transaction_id': ''<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">});<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;"></script> <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">注意，要复制你们自己的谷歌后台代码，不能直接用我这个。 <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">然后把我上面文字标红的文字，分别替换成下面这两段代码： <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">'value': {{ checkout.total_price | money_without_currency }}, <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">'transaction_id': '{{ order.order_number }}' <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">替换之后，就是这样： <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;"><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;"><script async src="https://www.googletagmanager.com/gtag/js?id=AW-xxxxx"></script><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;"><script><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">window.dataLayer = window.dataLayer || [];<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">function gtag(){dataLayer.push(arguments);}<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">gtag('js', new Date()); <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">gtag('config', 'AW-xxxxxxxx');<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;"></script> <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;"><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;"><script><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">gtag('event', 'conversion', {<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">'send_to': 'AW-xxxxxxx/FWhcCMav-soCEKCLgN0B',<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">'value': {{ checkout.total_price | money_without_currency }},<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">'currency': 'USD',<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">'transaction_id': '{{ order.order_number }}'<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">});<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;"></script> <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">第一段代码是为了能够自动根据客户的下单金额来计算价值，说通俗点就是能够让谷歌广告确切知道这一单是多少钱。 <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">第二段代码是为了去掉重复的订单。比如有时候客户下单了，但是在下单成功的页面给刷新了一下，不增加这第二段代码，就会被重复记录金额了。 <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">然后，我们就把这段处理好的代码粘贴到我们的shopify后台<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">“设定”——“结账”——“订单处理”<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;">把代码粘贴到“其他指令碼”这个框里面，点击保存 <p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; color: rgb(51, 51, 51); font-family: 微软雅黑; font-size: 15px; text-wrap: wrap; background-color: rgb(255, 255, 255); text-indent: 2em;"><img src="/uploads/allimg/20230630/1-230630154554b5.png" alt="如何为shopify设置谷歌转化代码" data-original="/uploads/allimg/20230630/1-230630154554b5.png" class=" lazyloaded" style="border: 0px; letter-spacing: 0px; line-height: 2em; max-width: 100%;"/>图片来源：shopify<p style="margin-top: 0px; m

上一篇文章

下一篇文章