LPにGoogleアナリティクス(GA4)を導入するにはどうすればいいですか?
LP(ランディングページ)にGoogleアナリティクス4(GA4)を導入するには、「GA4の測定IDを取得してHTMLにタグを追加」または「Googleタグマネージャー(GTM)経由で設定」する方法があります。静的HTML・WordPress・クラウドLPなど、どの環境でも対応可能です。弊社(LP制作.jp)では、GTM設置済みLPへのGA4連携も想定した構成で制作しています。
GA4導入の基本手順(直接タグ設置方式)
GA4を直接HTMLに設置する場合、以下の手順で導入します。
1. Googleアナリティクスにログイン(https://analytics.google.com)
2. 新しいプロパティを作成し、「ウェブデータストリーム」を追加
3. 表示された「測定ID(G-XXXXXXX)」をコピー
4. LPのHTMLファイルの<head>内に次のコードを追加
5. LPをアップロード後、GA4の「リアルタイム」画面でアクセス計測を確認します。
この方法は、GTMを使わないシンプルな構成で、静的HTMLや短期キャンペーンLPに向いています。
1. Googleアナリティクスにログイン(https://analytics.google.com)
2. 新しいプロパティを作成し、「ウェブデータストリーム」を追加
3. 表示された「測定ID(G-XXXXXXX)」をコピー
4. LPのHTMLファイルの<head>内に次のコードを追加
5. LPをアップロード後、GA4の「リアルタイム」画面でアクセス計測を確認します。
この方法は、GTMを使わないシンプルな構成で、静的HTMLや短期キャンペーンLPに向いています。
Googleタグマネージャー(GTM)経由で導入する方法
複数の広告タグを管理する場合は、GTMを利用してGA4を設定する方法が推奨です。
手順は以下の通りです。
1.GTMアカウントを作成し、LPにGTMスニペットを設置
2.GTMの管理画面で「新しいタグ」→「GA4設定」を選択
3.測定ID(G-XXXXXXX)を入力し、すべてのページをトリガーに設定
4.プレビューで動作確認後、「公開」ボタンを押す
5.この方式なら、今後フォーム送信やボタンクリックのイベント計測を追加する際も、HTMLを編集せずに管理できます。
手順は以下の通りです。
1.GTMアカウントを作成し、LPにGTMスニペットを設置
2.GTMの管理画面で「新しいタグ」→「GA4設定」を選択
3.測定ID(G-XXXXXXX)を入力し、すべてのページをトリガーに設定
4.プレビューで動作確認後、「公開」ボタンを押す
5.この方式なら、今後フォーム送信やボタンクリックのイベント計測を追加する際も、HTMLを編集せずに管理できます。
フォームやCTAの計測設定(応用編)
LPの成果計測(CV)をGA4で正確に記録するためには、以下のようにイベント設定を追加します。
・フォーム送信完了
「サンクスページ到達」または「送信ボタンのクリック」をイベントトリガーに設定。
・CTAボタンクリック
ボタン要素にカスタムイベントを設定(例gtag('event', 'cta_click');)。
・スクロール深度や滞在時間
GTMで自動計測を有効化可能。
こうしたイベントをGA4で「コンバージョン」に指定することで、LPの成果を数値化できます。
・フォーム送信完了
「サンクスページ到達」または「送信ボタンのクリック」をイベントトリガーに設定。
・CTAボタンクリック
ボタン要素にカスタムイベントを設定(例gtag('event', 'cta_click');)。
・スクロール深度や滞在時間
GTMで自動計測を有効化可能。
こうしたイベントをGA4で「コンバージョン」に指定することで、LPの成果を数値化できます。
導入時の注意点
・GA4とGTMを併用する場合、同一ページに重複設置しないよう注意
・必ずSSL(https)対応済みのLPで実装する(ブラウザ警告を防ぐ)
・Cookie同意バナーを運用する場合、ユーザー同意後に発火する設定が必要
・広告媒体(Google広告・Meta広告など)との連携も、GA4管理画面で設定可能
・必ずSSL(https)対応済みのLPで実装する(ブラウザ警告を防ぐ)
・Cookie同意バナーを運用する場合、ユーザー同意後に発火する設定が必要
・広告媒体(Google広告・Meta広告など)との連携も、GA4管理画面で設定可能
LP制作.jpでの対応範囲
弊社(LP制作.jp)では、GA4またはGTMを設置できる構成でLPを制作しています。
納品時に測定IDやGTMコードを指定いただければ、適切な位置にタグを挿入した状態で納品可能です。
また、フォーム送信完了ページ(サンクスページ)を想定した構成設計にも対応しています。
LP制作料金はこちら / 制作の流れを見る
納品時に測定IDやGTMコードを指定いただければ、適切な位置にタグを挿入した状態で納品可能です。
また、フォーム送信完了ページ(サンクスページ)を想定した構成設計にも対応しています。
LP制作料金はこちら / 制作の流れを見る
