2022/04/19
最近、インターネット上での商品販売などでよく耳にする機会が増えた、ECサイトの開発・運営ツール「Shopify(ショピファイ)」。
そしてShopifyで売上計測をする為には、shopify用に記述をカスタムしたGoogleのイベントスニペットを用意する必要があります。
Shopify Plusプラン(有料)に加入している場合はCheckoutページの編集を直接行えるため問題ないですが、この有料プランが結構高額な為、有料プランに入っていない方が多いのではないかと思います。
その場合、shopify管理画面の「設定」項目から直接タグを追加する必要が出てきます。
その際にグローバルサイトタグに関しては、既存のままで問題ないですが、
イベントスニペットに関しては少し特殊な記述をする必要があるので、今回はその記述方法をご紹介します!
イベントスニペットの作成
上でも少し説明した通り、イベントスニペットに関してはshopify用に特殊な記述方法をする必要があります。
そしてこの記述はかなりプログラミング的な要素も含んでいるので、細かく説明すると余計混乱してしまう原因になりますので、とにかく「型」で覚えて貰えたらOKです!
その型というのがまさにこれです!
こちらがshopify用に記述したイベントスニペット
こちらがGoogle管理画面から発行したままのイベントスニペット
変更点は下記の3点だけ!
書き換え ▶ ‘value’: ‘{{ checkout.subtotal_price | divided_by: 100.0 }}’,
追加 ▶ ‘transaction_id’: ‘{{ order_number }}’
全体を囲む ▶ {% if first_time_accessed %} {% endif %}
以上です!
でも意味不明ですよね…(笑)
無理もないです。プログラミングに慣れてない方には発作が起こりそうな状況だと思います。
なので今回は私が誰でも簡単に使えちゃう!魔法のコピペ型を用意しました!
これなら下記の2か所を加えるだけで簡単に作れます!
※※※の部分にコンバージョン名
●●●の部分にイベントスニペットのID的な文字列
{% if first_time_accessed %}
<!– Event snippet for ※※※ conversion page –>
<script>
gtag(‘event’, ‘conversion’, {
‘send_to’: ‘●●●‘,
‘value’: ‘{{ checkout.subtotal_price | divided_by: 100.0 }}’,
‘currency’: ‘JPY’,
‘transaction_id’: ‘{{ order_number }}’
});
</script>
{% endif %}
仕上げにGoogle管理画面から発行したままのグローバルサイトタグを、
作成したイベントスニペットの上にポンっとコピペ!
これでShopify用のGoogle CVタグの完成です!!どうですか!簡単ですよね!
※印の箇所は各々のIDに書き換えてください
<!– Global site tag (gtag.js) – Google Ads: ※各々のIDに書き換えてください※ –>
<script async src=”https://www.googletagmanager.com/gtag/js?id=※各々のIDに書き換えてください※”></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag(‘js’, new Date());
gtag(‘config’, ‘※各々のIDに書き換えてください※‘);
</script>
{% if first_time_accessed %}
<!– Event snippet for ※※※ conversion page –>
<script>
gtag(‘event’, ‘conversion’, {
‘send_to’: ‘●●●‘,
‘value’: ‘{{ checkout.subtotal_price | divided_by: 100.0 }}’,
‘currency’: ‘JPY’,
‘transaction_id’: ‘{{ order_number }}’
});
</script>
{% endif %}
まとめ
今回はShopify用のGoogle CVタグの作成をご紹介しました。
初心者にはなかなか難しい分野だと思うので、
難しい事は抜きにしてとにかく型を覚えて置くのがポイントです!
弊社BOPコミュニケーションズでは、Web広告の配信・運用を承っております。
・売上を伸ばすためにWeb広告を活用してみたい。
・自社で広告配信をしているが、手探り状態なので効率を上げたい。
・広告の運用をプロに任せて、よりビジネスを大きくしていきたい。
そんな場合は、お気軽にご相談ください!
★フォームからすぐにお問い合わせしたい場合はこちら↓