RoktTemplate
Roktタグテンプレートによる統合
タグテンプレートの設定
- Roktタグ統合テンプレートをウェブサイトに追加します。
- Googleタグマネージャーコンテナ内でテンプレートに移動します。
- ギャラリーを検索を選択します。
- Roktを検索し、Roktタグ統合を選択します。
- ワークスペースに追加をクリックします。
- タグテンプレートを設定し、データ属性と発火ルールを設定します。
- タグを選択し、新規を選択します。
- タグに「Roktタグテンプレート」と名前を付け、タグ設定を選択します。
- カスタムセクションまでスクロールし、Roktタグテンプレートを選択します。
- アカウントの詳細と設定を構成します。
- Roktアカウントマネージャーから提供されたRoktアカウントIDを入力します。
- サンドボックスチェックボックスが選択されていることを確認します。
- データ属性を設定します。
- 各属性について、テキストボックスの横にある追加アイコンをクリックして、データレイヤー内の属性リストを展開します。
- 適切なフィールドに対してデータレイヤー内の適切な変数を選択します。例えば、メールフィールドの追加アイコンをクリックし、データレイヤー内の正しいメール変数を選択します。
- 接続されると、入力ボックスに変数名が表示されます（下の画像の円#1を参照）。
- 適切な変数がデータレイヤーに表示されない場合は、Googleタグマネージャーのデータレイヤーで属性を設定する方法についてのドキュメントをこちらで確認し、次のステップについてはRoktアカウントマネージャーに確認してください。
- 詳細設定でページ識別子を追加します。
- Roktタグテンプレートが発火するタイミングを決定するトリガーを設定します。トリガールールをクリックして追加します。
Webアプリがシングルページアプリケーション（React、Angular、Vueで作成されたもの）である場合は、右上のプラスをクリックし、履歴変更のトリガータイプを選択します。
- トリガー発火ルールを「一部の履歴変更」に変更します。
- タグを発火させるページを識別するURLパラメータを入力します。例えば、確認ページが
example.com/cart/payment/shippingの場合、識別パラメータはcart、payment、またはshippingのいずれかにすることができます。 - 保存 をクリックします。
Webアプリがシングルページアプリケーションでない場合は、右上の プラス アイコンをクリックして新しいトリガーを作成し、名前を付けてトリガータイプとして ページビュー を選択します。
- トリガー発火ルールを「一部のページビュー」に変更します。
- タグを発火させる各ユニークなページを識別するURLパラメータを入力します。例えば、確認ページが
example.com/cart/payment/shippingの場合、識別パラメータはcart、payment、またはshippingのいずれかにすることができます。 - 保存 をクリックします。
- 保存 をクリックします。
- Roktタグテンプレートを保存します。