Googleタグマネージャーを使用してGoogleアナリティクスを設定する

日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

GoogleタグマネージャーとGoogleアナリティクスを使用して、Sitecore Content Hubデータのトラフィック分析またはページビュー分析を有効にできます。

GoogleタグマネージャーでGoogleアナリティクスを設定するには:

Googleアナリティクスのアカウントを作成します。Content Hubインスタンスごとに1つのGoogleアナリティクスアカウントが必要です。
Googleタグマネージャーを設定してインストールします。
Content Hubで、Googleタグマネージャーを設定して有効にします。
Googleタグマネージャーの左上にあるアカウント名(mycompany.comなど)をクリックし、Googleアナリティクスタブをクリックします。
GoogleアナリティクスページでGet startedをクリックし、画面の指示に沿って操作します。
各Googleアナリティクスアカウントで、GA4が測定IDを取得できるようにします。
測定IDを使用してGoogleアナリティクスにトラフィックを受信するには、Googleタグマネージャーの設定に新しいタグを追加して設定し、GA4設定オプションを使用します。
ステップ6の測定IDを新しいタグにコピーします。このタグは、トラフィックを取得するために、すべてのページビューでトリガーする必要があります。
Googleタグマネージャーをバージョンに設定して公開します。

先端

接続をテストするには、Content Hubが開いているブラウザーのネットワークタブを確認します。 collect.jsのトラフィックが表示されている場合は、トラフィックがGoogleアナリティクスにプッシュされていることを意味します。

例

カスタムアクションとカスタムイベントに関する情報をGoogleタグマネージャーに送信するには、次のwindow.dataLayer.pushを使用します。

const EVENT_NAME = "ENTITY_SAVED";
export default function createExternal (container) {
    let eventHandler = null;

    const removeListener = () => {
        if (eventHandler) {
            window.removeEventListener(EVENT_NAME, eventHandler);
            eventHandler = null;
        }
    };

    return {
        render: context => {
            removeListener();

            eventHandler = event => {
                window.dataLayer.push({
                    event: "demoGTM",
                    entityId: context.options.entityId,
                    definitionName: event.detail.definitionName,
                    description: 'This is sample code using window.dataLayer.push'
                });
            }

            window.addEventListener(EVENT_NAME, eventHandler);
        },
        unmount: () => {
            removeListener();
        }
    };
};

メモ

window.dataLayer.push()の使用については、データレイヤーを参照してください。

この記事を改善するための提案がある場合は、お知らせください!

Googleタグ マネージャーを使用してGoogleアナリティクスを設定する

例

Googleタグマネージャーを使用してGoogleアナリティクスを設定する