手順 2. Google Tag Manager アカウントの設定
次の手順は、基本設定を使用して新しいコンテナを設定する方法を示しています。 サンプルの Composer 設定(.json)ファイルを使用してプロセスを簡略化し、読み込んで新しいコンテナにタグを生成します。 この例では、既存のコンテナを変更するのではなく、コンテナを作成することをお勧めします。
-
リンクされたファイル GTM_M2_Config_json.txt をダウンロードし、エディターでファイルを開いて、
GTM_M2_Config.json
として保存します。JSON ファイルは Google Tag Manager に直接アップロードされます。
-
Admin/Container/Import Container に移動します。
-
「Choose container file」をクリックし、json ファイルを選択します。
-
[Choose workspace] で、[New] をクリックします。
-
タイトルと説明を入力し、「Save」をクリックします。
-
ファイルをインポートするには、次のいずれかのアクションを選択します。
-
新しいコンテナには、「Overwrite」オプションを選択する必要があります。
-
既存のコンテナを使用している場合は、「Merge」オプションを選択する必要があります。
-
-
「Preview」をクリックして、タグ、トリガー、変数を確認します。
-
変数で参照される Google Analytics ID を編集するには、次の手順を実行します。
-
Variables/User-Defined Variables に移動します。
-
Google Analytics を選択し、独自の GA ID でプレースホルダー(
UA-xxxxxx-x
)を更新します。
-
-
タグ、トリガーおよび変数を新しいコンテナに追加するには、Googleの手順に従います。
別のコンテナ内に使用する設定がある場合は、それらを新しいコンテナに移動できます。
-
完了したら「Confirm」をクリックします。
-
新しいコンテナを公開するには、Googleの手順に従います。
手順 3. ストアの設定
-
Commerce ストアの管理者にログインします。
-
管理者 サイドバーで、Stores/Settings/Configuration に移動します。
-
左側のパネルで「Sales」を展開し、「Google API」を選択します。
-
Google Analytics のセクションの
-
Enable を
Yes
に設定します。 -
Account type を
Google Tag Manager
に設定します。 -
「Container ID」フィールドに GTM ID (
GTM-xxxxxx
)を入力します。 -
Google Analyticsを使用してコンテンツ実験も行う場合は、「コンテンツ実験を有効にする」を「
Yes
」に設定します。 -
残りのフィールドにはデフォルト値を使用します。
-
-
完了したら、「Save Config」をクリックします。
-
Google Tag Manager 設定をテストし、すべてが正しく動作することを確認します。
フィールドの説明
フィールド | 対象範囲 | 説明 |
---|---|---|
Enable | ストア表示 | Google Analytics Enhanced Ecommerce を使用して、ストア内のアクティビティを分析できるかどうかを決定します。 オプション:Yes / No |
Account type | ストア表示 | ストアのアクティビティとトラフィックを監視するために使用されるGoogle トラッキングコードを決定します。 オプション:Google Analytics / Google Tag Manager |
Anonymize IP | ストア表示 | Google Analyticsの結果に表示される IP アドレスから識別情報を削除するかどうかを指定します。 |
Enable Content Experiments | ストア表示 | Google コンテンツ実験をアクティブ化します。同じページの異なる 10 バージョンまでテストするために使用できます。 オプション:Yes / No |
Container Id | ストア表示 | Google Tag Manager が既にストアにインストールされて設定されている場合は、このフィールドにコンテナ ID が自動的に表示されます。 |
List property for the catalog page | ストア表示 | カタログページに関連付けられているタグマネージャープロパティを識別します。 デフォルト値:Catalog Page |
List property for the cross-sell block | ストア表示 | クロスセルブロックに関連付けられたタグマネージャープロパティを識別します。 デフォルト値:Cross-sell |
List property for the up-sell block | ストア表示 | アップセル ブロックに関連付けられたタグ マネージャ プロパティを識別します。 デフォルト値:Up-sell |
List property for the related products block | ストア表示 | 関連する製品ブロックに関連付けられているタグマネージャープロパティを識別します。 デフォルト値:Related Products |
List property for the search results page | ストア表示 | 検索結果ページに関連付けられたタグマネージャープロパティを識別します。 デフォルト値:Search Results |
“Internal Promotions” for promotions field “Label” | ストア表示 | 内部プロモーションのラベルに関連付けられたタグマネージャープロパティを識別します。 デフォルト値:Label |
コンバージョンを追跡するためのタグの作成
Google AdWords アカウントをお持ちの場合は、コンバージョンを追跡するタグを作成できます。 次の例では、Google Tag Manager と Google Analytics の両方を使用して、ストアのコンバージョン 成功 ページで実行されるタグを作成する方法を示しています。
手順 1. タグの作成
-
Google Tag Manager アカウントにログインし、ストア用に作成したコンテナのリンクをクリックします。
-
[New Tag] ボックスの [Add a new tag] をクリックします。
-
AdWords アカウントから次の情報を取得します。
- コンバージョン ID
- コンバージョンラベル
サポートが必要な場合は、Google サポートサイトを参照してください。
-
Google Tag Manager ダッシュボードで「Google AdWords」をクリックし、次の手順を実行します。
-
タイトルプレースホルダーをクリックして、新しいタグの名前を入力します。
-
「Choose Product」で、「Google AdWords」を選択します。
-
「Choose a Tag Type」で「AdWords Conversion Tracking」を選択し、「Continue」をクリックします。
-
-
AdWords アカウントの Conversion ID と Conversion Label を入力し、「Continue」をクリックします。
手順 2. ルールの作成
Google Tag Manager ダッシュボードから続いて、次の手順では、コンバージョンページでタグを実行するルールを作成します。
-
[Fire On] で、[Some Pages] をクリックします。
-
Choose Pages セクションで、次の設定を行います。
-
Name - ページの説明の名前を入力します。
-
Variable
url
-
操作 -
matches RegEx
詳しくは、Google Tag Manager ヘルプの 正規表現と CSS セレクターの演算子を参照してください。
-
Value -
checkout/success.*
-
-
「緑」チェックボックスをオンにして、「Save」をクリックします。
設定したトリガーは、[ 火の種 ] セクションに青いボタンとして表示されます。
-
完了したら、「Save Tag」をクリックします。