LiferayでGoogle Analytics 4を使う方法
knowledge-article-header-disclaimer-how-to
knowledge-article-header-disclaimer
legacy-article
learn-legacy-article-disclaimer-text
問題
- Liferay では 設定 > サイト設定 > 詳細設定 > アナリティクス で Google Analytics (GA) を設定することができます。
-
GAに関連する3つのフィールドが表示されます:
-
Google Analytics ID (このセットのページで使用されるGoogle Analytics IDを設定します)
-
Google Analyticsの作成メソッドのみのカスタム設定 (Google Analytics作成メソッドのカスタムオプションを設定します)
-
Google Analyticsのカスタム設定 (この一連のページで使用するGoogle Analyticsカスタムオプションを設定します)
- これらのフィールドを使用してGoogle Analytics 4(GA4)を設定した場合、動作しません。
環境
- Liferay DXP 7.0
- Liferay DXP 7.1+
- Liferay DXP 7.4 update 59
解決
- これらのフィールドは、Google Analyticsを使用するためのヘルプに過ぎず、Google Analytics 4には使用できませんでした。
- Liferayは、ページの先頭に導入され、ベーススクリプトとして使用されるJSスクリプトにこれらの値を追加するだけです。
http://www.google-analytics.com/analytics.js
- GA4では、異なるJSベーススクリプトを使用しています:
https://www.googletagmanager.com/gtag/js
- そのため、GA4を使用するには、このベーススクリプトをページ内に追加し、カスタムスクリプトを追加して設定する必要があります。
- Liferayはこのような要素を追加するための仕組みを提供しています:
-
admin.analytics.types
プロパティを変更します( コントロールパネル/インスタンス設定/その他/Analytics の設定が以前に保存されていなかった場合。保存されていた場合は、ポータルのプロパティではなく、そこから変更します)
- 初期値は
google\npiwik
です。
-
admin.analytics.types=google\npiwik\nga4
という新しいオプションを追加すると、 設定 > サイト設定 > 詳細 > Analytics for Ga4 に新しいフィールドが表示されます:
-
このテキストフィールドに、GA4の実装を追加することができます。
did-this-article-resolve-your-issue