liferay
liferayでGoogleタグマネージャ（GTM）を設定する

CSS HTML Java Language JavaScript jQuery MySQL Oracle Database PHP spring SQL

前書き

このドキュメントは、ライフサイクルに固有のものではなく、任意のWebアプリケーションを参照して使用することができます。

Liferayは、サイト設定でAnalytics ID GA - #####を設定した後、デフォルトでGoogleアナリティクス（GAプレースメントと呼ばれます）を提供します。ただし、ページビュー（ページタイトルとURL）のトラッキングのみが可能です。それをさらに拡大することで、サイトのテーマに直接GAスクリプトを埋め込んで、必要なイベントをトリガーするか、GTMを使用することができます。

GTMを使用してGAイベントを設定する

GTMはタグ管理の全プロセスを簡素化します.GTM用語では

GTM idと、必要に応じて、ページから変数への値のマッピングを行うためのGTM IDとデータレイヤー構造を含むliferayのカスタムテーマのportal_normal.vmに関連するページにGTM javascriptスニペットを配置します
データレイヤの変数に対応して、データレイヤからデータを取得するGTMの最後に変数を作成する必要があります
続いて、タグを作成します。これは、基本的に、データレイヤーからイベントへの変数を特定の条件でトリガーされるフィールドにマッピングし、それぞれのトラッキングツール（この場合はGA）にイベントを送信します。

以下は、ページに埋め込まれたGTM javascriptスニペットのサンプルです。

    <body>
    <!-- 1) Data layer section -->
    <script type="text/javascript">
        dataLayer = [{
                "page" : "<? Virtual path of the page ?>"
                ,"pageType" : "<? Page type ?>"
                ,"user" : {
                            "type" : "<? User type ?>"
                            ,"userId" : "<? Logged user id ?>"
                            ,"country" : "<? Logged user country ?>"
                            ,"userRole" : "<? Role of user ?>"
                        }
            }];
      </script>
    <!-- 2) GTM Container -->
    <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PK9HK8"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','<GTM-ID>');</script>
    <!-- End Google Tag Manager -->

このスクリプトをページに含めて投稿するには、それぞれの変数とタグをGTM endから設定する必要があります。

必要なフィールドを設定した後、ユーザービューでGAコンソールでイベントを表示できます。

ポータルからGoogleアナリティクスに送信されたデータを表示するには、 Googleアナリティクスデバッガープラグインを使用して、ブラウザコンソール経由でGoogleアナリティクスに送信される予定を表示できます。

Modified text is an extract of the original Stack Overflow Documentation

ライセンスを受けた CC BY-SA 3.0

所属していない Stack Overflow