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

LiferayでGoogle Analytics 4を使う方法

written-by

Roberto Díaz

How To articles are not official guidelines or officially supported documentation. They are community-contributed content and may not always reflect the latest updates to Liferay DXP. We welcome your feedback to improve How To articles!

While we make every effort to ensure this Knowledge Base is accurate, it may not always reflect the most recent updates or official guidelines.We appreciate your understanding and encourage you to reach out with any feedback or concerns.

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