対象プラン： Starterプラン以上

STUDIOにGoogle タグマネージャーを連携すると、様々なコードの埋め込みが可能となります。STUDIOで直接サポートしていないツールやJavascript導入にご利用いただけます。

タグマネージャー側の詳しい使い方については、タグマネージャーヘルプ をご覧ください。

Googleタグマネージャーのアカウントを作成し、コンテナを作ります。この時、連携したいサイトのドメインを指定し、「ウェブ」をタイプとして選択します。

コンテナを作成すると、下記のような画面が表示されます。この画面中の「GTM-XXXX」という形式のIDをコピーしておいて下さい。

もし既にコンテナが存在する場合は、タグ マネージャーで、[ワークスペース] をクリックし、ウィンドウ上部にあるコンテナ ID（「GTM-XXXXXX」の形式）をコピーします。

IDを取得したら、連携したいSTUDIOサイトのプロジェクトダッシュボード画面でAppsタブを開きます。

Google Tag Manager をクリックし、ID入力欄にコピーしたGTM IDをペーストし、保存します。余計なスペースがあると正確な連携ができません。

IDの設定が終わったら、公開パネルから「更新」を忘れずに行って下さい。IDの設定が完了したら、忘れず「更新」を行ってください。これで連携は完了です。

機能が正常に動作しているか確認するためには、タグマネージャーのワークスペースで、「プレビュー」ボタンをクリックします。その後、連携したサイトでページを再読み込みし、検証パネルが表示されれば、タグマネージャーとの連携が成功していることが確認できます。

もし検証パネルが表示されない場合は、IDの入力に誤りがあるか、Adblockなどの拡張機能が原因で連携がうまく行っていない可能性があります。設定を再度ご確認ください。

なお、ライブプレビューURLにアクセスしてもGoogle Tag Manager は動作しません。