Pafit Tag Managementのインストールと初期設定について

アプリのインストール

Shopifyのアプリストアからインストールを行います。

ステップ1: 初期設定

GoogleタグマネージャーのコンテナID(必須)を入力し、「Save」をクリックします。
コンテナIDが分からない場合はこちらの記事をご覧ください。

Pafit Tag Mnagementのステップ1

ステップ2: サービス選択

トラッキング情報を送りたいサービスにチェックを入れ、「Save」をクリックします。
例えば、Googleアナリティクス4で記録されたい方は、Googleアナリティクス4にチェックを入れることをおすすめします。

Pafit Tag Mnagementのステップ2 Googleアナリティクス4の選択

各サービスのIDの確認方法を知りたい方は、こちらの記事をご覧ください。

ステップ3: テーマ選択

Pafit Tag Managementアプリは、「テーマごとに埋め込みアプリを有効化する」必要があります。

ステップ3の「テーマ設定ページ」をクリックします。

Pafit Tag Mnagementのステップ3-1 テーマ設定ページの選択

Pafit Tag Managementのトグルが青色になっていることを確認し、「保存する」をクリックします。

Pafit Tag Mnagementのステップ3-2 埋め込みアプリの有効化

「Continue」をクリックします。

Pafit Tag Mnagementのステップ3-3 Continueボタンの選択

※テーマ毎にコードを追加するため、テーマ変更時はステップ3を再度行うようにしてください。新テーマに設定した状態で同じ作業を行えば、再設定は完了となります。

ステップ4: タグマネージャーのコンテナ設定(コンテナをインポート)

Googleタグマネージャーでの設定用ファイルをダウンロードするために「ファイルをダウンロードする」をクリックします。

※「ファイルをダウンロードする」が灰色ボタンでクリックできない場合は、ステップ1・ステップ2のSaveボタンをクリックしていない可能性があります。

Pafit Tag Mnagementのステップ4-1 ファイルのダウンロード方法

Googleタグマネージャーのアカウントにログインし、コンテナページを開きます。

管理ページを開きます。

Pafit Tag Mnagementのステップ5−2 管理ページへの移動

「コンテナをインポート」をクリックします。

Pafit Tag Mnagementのステップ5−3 コンテナのインポート方法

「コンテナファイルを選択」をクリックし、ダウンロードしたJSONファイルを選択します。
また、「既存」をクリックします。

Pafit Tag Mnagementのステップ5−4 コンテナファイルの選択方法

希望のワークスペースをクリックします。Default Workspaceしかない場合は、Default Workspaceを選択します。

Pafit Tag Mnagementのステップ5−5 ワークスペースの選択

インポートオプションを選択では「統合」をクリックします。
次に「確認」をクリックします。

Pafit Tag Mnagementのステップ5−6 インポートオプションの内容

画面右上の「公開」をクリックし、タグマネージャーの変更を完了します。

Pafit Tag Mnagementのステップ5−7 バージョン公開方法

「バージョンの公開と作成」を選択し、「公開」をクリックします。
※「バージョンの作成」では本番環境に設定が反映されないため、GTMプレビューモード経由でのみタグが発火します。そのため、バージョンの公開を行い、本番環境に設定を反映する必要があります。

Googleタグマネージャーの公開

最後にアプリの「Complete」をクリックし、作業は終了になります。

Pafit Tag Mnagementのステップ4-2 Completeのクリック