1. Home
  2. 【Shopify】タグ設置方法

【Shopify】タグ設置方法

Shopifyのコンバージョン(CV)タグ・ユーザー情報収集タグの設置方法についてご案内します。

Google Tag Manager(GTM)を使用しますので、
事前にGTMのアカウント作成をお願いいたします。


ユーザ情報収集タグの設置方法

GTM コンテナの作成・選択

1. 画面右側のメニューから「コンテナ作成」を押下する

2. 各項目の設定を行う
 ・コンテナ名:任意の名称を入力
 ・ターゲットプラットフォーム:ウェブを選択
 「作成」を押下します


GTM ユーザー情報収集タグの設定と公開

1. アカウントを押下する
 ※画面上部の赤線部分を押下します(下図参照)

2. 利用するコンテナを押下する

3. 「タグ」 → 「新規」を押下する

4. タグを作成する

任意のタグ名(例:ユーザー情報収集タグ)を入力し、右上のペンマークを押下します

 ・タグタイプを選択:カスタムHTML を選択


 ・HTML:※うちでのこづちのユーザ情報収集タグを貼り付ける
 ・「document.write をサポートする」にチェックを入れる
 ・トリガー:All Pages
 「保存」を押下します

※ユーザー情報収集タグの取得方法
うちでのこづちの画面 > 効果検証 > メール > コンバージョン情報詳細 にて
「ユーザー情報収集タグのコピー」を押下

5. タグを公開する

「公開」→「バージョンの公開と作成」を押下します
 各種情報の入力
 ※自身の管理に沿って入力してください
「公開」を押下します



Shopify カスタムピクセルにGTMを設置する

GTMコードが必要になりますので、
事前にGTM上で該当タグの画面表示をお願いいたします。

【GTMコードのコピー方法】
 ※以下、GTM画面上での操作となります

1. 画面上部の赤線部分を押下(下図参照)

2. 利用するコンテナを押下

3. 画面上部、中央付近の「GTM-XXXXX」を押下

4. Shopifyの画面に各コードを貼り付けるので、画面を表示しておく

※以下、Shopify画面上での操作となります

1. 「設定」→「お客様のイベント」→「カスタムピクセルを追加」を押下

2. ピクセル名を入力する
 ピクセル名を入力後、「ピクセルを追加」を押下します

※すでに存在するカスタムピクセルの名前を入力すると、
 ピクセルに別の名前を付けするよう求めるメッセージが表示されます。

3. コードにGTMで取得したGTMコードを貼り付ける

GTMタグをコピーして貼り付けます
(下図、黄枠内のコード)


※その際、
<!-- Google Tag Manager --> <script> </script> <!-- End Google Tag Manager -->
上記の文字列は削除してください(上図の青い箇所のみ貼り付けてください)

4. 「保存」→「連携」を押下



コンバージョン計測タグの設置方法

Shopifyのアップデートに伴い、2025年8月26日以降、下記の手順では正しいコンバージョンの計測ができなくなります。
新たなCVタグの設置方法については、こちらからご確認をお願いいたします。

Shopify 注文状況ページにコンバージョン計測タグを設置

※うちでのこづちの注文番号(注文No)と紐づけているカートの項目により、
 コンバージョン計測タグの編集内容が変わります。
注文番号(注文No)とコンバージョン計測タグの編集内容が一致していない場合、
 タグが発火しても、取得した情報はコンバージョン情報詳細画面へ登録されません。

パターン1

注文番号(注文No)に name を紐づけている、かつ
Shopifyの注文番号のプリフィックスをデフォルト(#)から変更していない場合

※上記パターン以外の企業様については、お手数ですが弊社まで一度お問い合わせください。

紐づけている項目は、初期設定確認表にて確認いただけます。
初期設定確認項目 > 注文マスタ項目 > 注文No の「該当項目名」箇所

注文番号のプリフィックスは、Shopify画面よりご確認ください。

Shopifyトップページ > ページ左下の「設定」> 一般設定 > 注文ID

上記の条件に該当する企業様は、下記のコンバージョンタグをコピーし、
タグ内の「●●●」をうちでのこづちアカウントIDへ変更し設置してください。
※うちでのこづちアカウントIDとは、うちでのこづちへログイン時入力する「アカウントID」のことです。

{% if first_time_accessed %}

  <!-- #部分はshopifyのプリフィックス、サフィックスの設定に依存するので注意 -->
  {% if order.name contains "#" %}
    <!--  注文番号 -->
    {% assign order_number = order.name %}
    {% assign sub_total = order.subtotal_price | money_without_currency %}
  {% else %}
    <!--  確認番号 -->
    <!-- tax_priceを引いているのはsubtotal_priceに合わせるため -->
    {% assign order_number = checkout.name %}
    {% assign sub_total = checkout.total_price | minus : checkout.shipping_price | minus : checkout.tax_price | money_without_currency %}

  {% endif %} 

<script type="text/javascript">
        /* <![CDATA[ */
          var __kozuchi_cv = {
            conversion_id : '●●●',
            order_id : 'order_number',
            amount : 'sub_total'
          };
        /* ]]> */
        const __kz_script = document.createElement('script');
        __kz_script.src = "//crm-measure.com/crm/●●●/js/conversion2.js"
        __kz_script.type = 'text/javascript'
        __kz_script.async = true
        document.head.appendChild(__kz_script)
      </script>

{% endif %}

カートへのタグ設置

1. Shopifyの左メニュータブの「設定」を押下

2. 「チェックアウト」を押下

3. 「注文状況ページ」にコピーしたコンバージョン計測タグを貼り付ける

4. 「保存する」を押下

各タグ設置が完了しましたら、正常にCVの計測ができるかテスト注文を行い、ご確認をお願いいたします。
設置後、正常にCVが計測できていないという不具合がございましたらお問合せください。
※参考ページ:コンバージョン(CV)のテスト方法


CVが計測されない場合

トラブルシューティングの「CVが計測されない」のページをご確認ください。

CVのテスト方法

コンバージョン計測タグ、ユーザー情報収集タグの設置が完了しましたら、
こちらのページに沿って、正常にCVが計測できるかをご確認ください。

Updated on 2025年8月21日

Was this article helpful?