WordPressにGoogleアナリティクスのキーイベントを設定

WordPressにGoogleアナリティクスのキーイベントを設定するには、主に以下の方法があります。

Googleタグマネージャーを使用する方法

これが最も推奨される方法です。柔軟性があり、コードを直接編集することなくイベントを管理できます。

ステップ1: GoogleタグマネージャーとWordPressを連携

WordPressにGoogleタグマネージャーを導入するには、いくつか方法がありますが、「Site Kit by Google」や「GTM4WP（Google Tag Manager for WordPress）」といったプラグインを使うのが最も簡単です。

• Site Kit by Google: Google公式のプラグインで、GTMだけでなくGoogleアナリティクス、Search Consoleなどもまとめて導入・管理できます。初心者にも設定しやすいです。
• GTM4WP: GTM専用のプラグインで、データレイヤーへのプッシュなど、より高度な設定が可能です。

どちらかのプラグインをインストールし、有効化して、GoogleタグマネージャーのコンテナIDを設定します。これにより、WordPressサイト全体にGTMのコードが挿入されます。

ステップ2: Googleタグマネージャーでイベントを設定

1. Googleタグマネージャーのワークスペースにアクセス: Googleタグマネージャーにログインし、対象のコンテナを選択します。
2. 新しい「タグ」を作成:
   • 左メニューから「タグ」をクリックし、「新規」をクリックします。
   • 「タグの設定」で「Googleアナリティクス：GA4イベント」を選択します。（ユニバーサルアナリティクスをご利用の場合は「Googleアナリティクス：ユニバーサルアナリティクス」を選択）
   • 設定タグ: 既存のGA4設定タグを選択するか、新しく設定タグを作成します。
   • イベント名: 追跡したいイベントの名前を入力します。例: contact_form_submit、button_click など。
   • イベントパラメータ（任意）: イベントに付加したい情報がある場合、パラメータを追加します。例: form_name、button_text など。
3. 新しい「トリガー」を作成:
   • 「トリガー」をクリックし、「新規」をクリックします。
   • 追跡したいイベントの種類に応じてトリガーを選択します。
     • クリックイベント: 特定のボタンやリンクのクリックを追跡する場合。
       • 「クリック – すべての要素」または「クリック – リンクのみ」を選択し、特定のCSSセレクタ、ID、クラスなどを条件に設定します。
     • フォーム送信イベント: フォームの送信を追跡する場合。
       • 「フォームの送信」を選択し、特定のフォームIDやURLを条件に設定します。
     • ページビューイベント: 特定のページの閲覧を追跡する場合（例: サンクスページ）。
       • 「ページビュー」を選択し、「一部のページビュー」で特定のURLを条件に設定します。
     • スクロールイベント: ページの特定の位置までスクロールされたことを追跡する場合。
       • 「スクロール距離」を選択し、パーセンテージなどを設定します。
     • YouTube動画イベント: サイト内のYouTube動画の再生状況を追跡する場合。
       • 「YouTube動画」を選択します。
4. タグとトリガーを連携: 作成したタグの「トリガー」セクションで、作成したトリガーを選択します。
5. プレビューモードでテスト: タグマネージャーの「プレビュー」ボタンをクリックし、WordPressサイトでイベントが正しく発火するか確認します。
6. 公開: テストが完了したら、「公開」ボタンをクリックして変更を反映します。

WordPressテーマのfunctions.phpまたはカスタムコードプラグインを使用する方法

これは、Googleタグマネージャーを使用できない場合や、非常にシンプルなイベントを追跡する場合にのみ検討してください。コードの知識が必要となり、誤った編集はサイトの表示に影響を与える可能性があります。

手順

1. 子テーマのfunctions.phpを編集（推奨）: 親テーマを直接編集すると、テーマのアップデート時に変更が上書きされてしまうため、必ず子テーマを使用してください。子テーマのfunctions.phpファイルにJavaScriptコードを記述します。
2. カスタムコードプラグインの使用: 「Code Snippets」などのカスタムコードを挿入できるプラグインを使用することもできます。

コード例（GA4の場合）

特定のボタンクリックイベントを追跡する場合の例です。

<?php
function my_custom_tracking_script() {
    ?>
    <script>
    document.addEventListener('DOMContentLoaded', function() {
        var myButton = document.getElementById('my-tracked-button'); // 追跡したいボタンのID
        if (myButton) {
            myButton.addEventListener('click', function() {
                gtag('event', 'button_click', {
                    'event_category': 'Engagement',
                    'event_label': 'My Specific Button',
                    'value': 1
                });
                console.log('Button clicked and event sent!');
            });
        }
    });
    </script>
    <?php
}
add_action('wp_footer', 'my_custom_tracking_script');
?>

• my-tracked-button: 追跡したいボタンに設定するHTMLのIDです。
• gtag('event', ...): Googleアナリティクス4のイベントを送信するコードです。
• wp_footer: フッター部分にスクリプトを挿入するためのWordPressのフックです。

注意点:

• この方法は、イベントごとにコードを追加する必要があり、管理が複雑になりがちです。
• HTML要素のIDやクラスが変更されると、イベント計測ができなくなる可能性があります。

イベントトラッキングプラグインを使用する方法

特定の用途に特化したイベントトラッキングプラグインもあります。例えば、コンタクトフォームの送信を追跡したい場合は、各コンタクトフォームプラグイン（Contact Form 7, WPFormsなど）にアナリティクス連携機能が組み込まれている場合があります。

例: Contact Form 7の場合

Contact Form 7プラグインは、フォーム送信時にGoogleアナリティクスへイベントを送信する設定が用意されています。

1. Contact Form 7の管理画面で、対象のフォームを編集します。
2. 「追加設定」タブに移動します。
3. 以下のコードを追加します。（GA4の場合）on_sent_ok: "gtag('event', 'contact_form_submit', {'form_name': 'お問い合わせフォーム'});"
   • contact_form_submit: イベント名
   • form_name: イベントパラメータ（任意）

Googleアナリティクスでの「キーイベント」（コンバージョン）設定

イベントがGoogleアナリティクスに送信されるようになったら、そのイベントを「キーイベント」（旧「コンバージョン」）としてマークすることで、レポートで重要なアクションとして追跡できます。

1. Googleアナリティクス（GA4）にログインします。
2. 左メニューの「管理」をクリックします。
3. 「データ表示」の下にある「イベント」をクリックします。
4. 計測したいイベントの行で、右端にある「キーイベントとしてマーク」のスイッチをオンにします。

これで、Googleアナリティクスでそのイベントがキーイベントとしてカウントされ、パフォーマンスの分析に役立てることができます。

まとめ

最も柔軟で推奨される方法は、Googleタグマネージャーを使用することです。WordPressプラグインで簡単に連携でき、サイトのコードを直接編集するリスクを減らせます。🎯

【PR】 抜群に上位表示されやすい WP テーマ 【ザ・トール】 は、内部構造の最適化（HTML5+CSS3）、高速表示技術:（AMP・PWA、Gzip圧縮・ブラウザキャッシュ、画像遅延読み込み・CSS非同期読）、SEO設定機能、SEO系プラグインが不要とSEOに必要な機能が実装されています。

Googleアナリティクスでの「キーイベント」とは

Googleアナリティクス（GA4）における「キーイベント」とは、ビジネスの成功にとって特に重要なユーザー行動を測定するためにマークを付けたイベントのことです。

以前は「コンバージョン」という名称で呼ばれていましたが、2024年3月に「キーイベント」に名称変更されました。これは、GoogleアナリティクスとGoogle広告における「コンバージョン」の定義を明確に区別し、一貫性を高めるための変更です。

キーイベントの具体例

• ECサイトでの商品購入
• BtoBビジネスサイトでの資料請求フォーム送信
• お問い合わせフォームの送信
• 新規会員登録
• 特定のファイルのダウンロード
• 記事が最後まで読まれた回数

など、ウェブサイトやアプリの目的によって、どのような行動をキーイベントとするかは異なります。

キーイベントの役割とメリット

• 成果指標の明確化: サイトやアプリの目標達成状況を数値で把握できます。
• ビジネス施策の評価: どの施策が重要なユーザー行動に繋がっているかを分析し、改善に役立てられます。
• レポートの効率化: 重要なイベントに絞ってレポートを確認できるため、分析の効率が向上します。
• Google広告との連携: キーイベントを基にGoogle広告のコンバージョンを作成することで、広告キャンペーンの最適化や効果測定に活用できます。

キーイベントとコンバージョンの関係

GA4では、以下の階層でユーザー行動を捉えます。

1. イベント: ウェブサイトやアプリでのユーザーのあらゆる行動（クリック、ページ閲覧、スクロールなど）を測定します。
2. キーイベント: イベントの中で、ビジネスにとって特に重要だと判断し、マークを付けたものです。GA4のレポートやデータ探索で活用されます。
3. コンバージョン（Google広告連携時）: アナリティクスのキーイベントの中から、Google広告のレポートや入札の対象として利用したい場合に作成するものです。広告キャンペーンのパフォーマンスを測定し、最適化するために使用されます。

つまり、「イベント」の中から「キーイベント」を選び、さらにその中から「Google広告のコンバージョン」として利用するものを選ぶ、というイメージです。

キーイベントを設定することで、ウェブサイトやアプリがビジネス目標にどれだけ貢献しているかをより正確に把握し、データに基づいた意思決定が可能になります。