legacy-knowledge-base
公開されました Jul. 2, 2025

LiferayでGoogle Analytics 4を使う方法

投稿者

Roberto Díaz

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-field.png
    • このテキストフィールドに、GA4の実装を追加することができます。

追加情報

did-this-article-resolve-your-issue

legacy-knowledge-base