コンテンツにスキップ

ntorelabo

Front End Developer

  • pickup
  • WordPress
  • PHP
    • PHP技術者認定試験
  • Docker
  • Next.js
  • AWS
  • Laravel
  • site map
  • search

ntorelabo

Front End Developer

  • search
  • pickup
  • WordPress
  • PHP
    • PHP技術者認定試験
  • Docker
  • Next.js
  • AWS
  • Laravel
  • site map

「Googleタグマネージャー」アカウントを作る→「GA4」を設定する方法

  • ホームページ
  • 「Googleタグマネージャー」アカウントを作る→「GA4」を設定する方法
  • 4月, 日, 2024
  • Google Analytics , Google Tag Manager , SEO , Web制作
「Googleタグマネージャー」アカウントを作る→「GA4」を設定する方法

Contents [hide]

  • 1 Google Tag Manager(GTM)とは
  • 2 GTMアカウント作成
  • 3 【Google拡張機能】Tag Assistant Companion
  • 4 【Google拡張機能】Adswerve
  • 5 【WordPressサイト】Googleタグマネージャー導入方法
    • 5.1 方法(1)プラグイン「GTM4WP」での設定方法
    • 5.2 方法(2)プラグイン「WPcode」での設定方法
  • 6 GoogleタグマネージャーにGA4を設定する方法
    • 6.1 1)GA4のアカウント、プロパティを作成する
    • 6.2 2)GA4の測定IDを定数に登録する
    • 6.3 3)「GA4設定タグ」を作成

Google Tag Manager(GTM)とは

Google Tag Managerで扱うタグとはWebサイトとマーケティングツール間で情報をやりとりするためのコードです

Googleアナリティクス、Google広告など、、

<script></script>のような形式で記述される場合が多いです

Googleタグマネージャーを使用すればhtmlの編集をせずにタグの管理が可能です

タグ:タグ
トリガー:タグを動かすきっかけ
変数:タグに追加で情報を設定

タグとトリガーの関係 いずれかのトリガーが満たされるとタグが実行される トリガーA: ページビュー トリガーB: フォーム送信 トリガーC: ボタンクリック トリガーD: スクロール OR タグ (例: アクセス解析)

GTMアカウント作成

Googleタグマネージャーで検索

アカウントの各項目を設定

  • アカウントは会社名や個人を特定できるもの
  • コンテナはドメイン名(Webサイトごとに作成する場合があります)

【Google拡張機能】Tag Assistant Companion

  • タグの動作確認
  • Googleタグマネージャーのプレビュー機能使用時に開発者ツールが使える

※Tag Assistant Legacyのサポートが終了したためTag Assistant Companionを使用

【Google拡張機能】Adswerve

Googleタグマネージャーの仮想環境を作れる(管理権限のないサイトでも可能)

【WordPressサイト】Googleタグマネージャー導入方法

方法(1)プラグイン「GTM4WP」での設定方法

1)GTM4WPをインストール

新規プラグイン追加で「gtm4wp」と検索

2)GoogleタグマネージャーIDを張り付ける

Container code ON/OFFがバグでOFFになるので、ONにして再度保存しなおす

方法(2)プラグイン「WPcode」での設定方法

▽Googleタグマネージャーより貼り付けるコードをコピー

▽ワードプレス管理画面の「コードスぺニット」→「ヘッダーとフッター」をクリックして、コピーした内容を張り付け

※オリジナルテーマの仕様等WordPressをカスタムしている場合「wp_head()」「wp_body_open()」がないと挿入されません

How To Add Google Tag Manager To WordPress 
https://wpcode.com/how-to-add-google-tag-manager-to-wordpress

GoogleタグマネージャーにGA4を設定する方法

1)GA4のアカウント、プロパティを作成する

Googleアナリティクス導入

2)GA4の測定IDを定数に登録する

「GA4の測定ID」とは

イベントの設定で非常に使用します

→定数でGTMに登録しワンクリックで使えるようにしておくと便利です

〇Googleアナリティクスで測定IDを確認

↓Googleアナリティクスで「管理(歯車アイコン)」→「データストリーム」クリックすると詳細内容に測定IDが表示されます

〇Googleタグマネージャーの画面で「定数」として登録

↓「変数」→「新規」をクリック

↓Googleタグマネージャーの画面で変数として登録

↓定数を選択

↓測定IDを張り付ける

3)「GA4設定タグ」を作成

「GA4設定タグ」とは

  • イベント計測の基本となるタグ
  • 計測するすべてのページで発火

GA4設定タグ作成手順

サイドのメニューからタグから新規を選択

タグのタイプを「Googleアナリティクス」「Googleタグ」選択

先ほど変数に登録したGoogleアナリティクスの測定IDを選択

トリガーは「Initialization – All Pages」を選択

(公式推奨)Googleアナリティクスのタグは全てのページに埋め込む必要があるため

(参考サイト)
[GTM] GA4設定タグとイベントタグの関係
https://ayudante.jp/column/2023-07-14/12-00

公開で設定完了

pickup
最近の投稿
  • WordPressサイトのサブディレクトリ→サブドメイン移行手順 2025年7月6日
  • Laravelでリッチテキストエディタで使いやすい画像アップロード機能を実装(TinyMCE) 2025年6月22日
  • 【PHP】出力バッファリング制御 2025年5月22日
  • basic認証のパスワードを忘れた場合 2025年5月14日
  • PHP 8.0〜から実装で便利な機能(名前付き引数、match) 2025年5月11日
  • さくらインターネットからWHOIS登録メールアドレスの利用廃止のメールが来た 2025年5月9日
  • スムーズにスクロールする処理をjQueryで実装 2025年5月5日
  • Gemini for Google Workspace 活用術 2025年4月24日
  • Google Cloud の始め方 2025年4月20日
  • 【PHP】switch分の書き方、PHP 7.3 から PHP7.4の変更点 2025年4月19日
  • 【PHP】新しい方の指定方法「nullable」 2025年3月25日
  • 「PHPでJSONを扱う」json_encodeとjson_decode完全ガイド 2025年3月23日
  • 【WordPress自作テーマ開発】固定ページを自動作成する方法(下層ページ実装) 2025年3月18日
  • 【PHP】プロトコル / ラッパーについて(file:// php:// http:// https://) 2025年3月17日
  • 【PHP】stdClass を使用して(object) でキャスト 2025年3月16日
  • モダンなPHPコードで使用!無名関数の使い方 2025年3月15日
  • Cursor 便利な機能まとめ、Project Rules 2025年3月15日
  • PHP セッション名の変更方法と php.ini の記述方法まとめ 2025年3月12日
  • 【PHP】関数内でグローバル変数を使用するためには global キーワード 2025年3月10日
  • 【php8上級/準上級試験】模擬問題解説 問題30 strtotime() 2025年3月4日
About Us

Ready To Start Work With Us?

Felis consequat magnis est fames sagittis ultrices placerat sodales porttitor quisque.

Get a Quote
recent posts
  • WordPressサイトのサブディレクトリ→サブドメイン移行手順
  • Laravelでリッチテキストエディタで使いやすい画像アップロード機能を実装(TinyMCE)
  • 【PHP】出力バッファリング制御
  • basic認証のパスワードを忘れた場合
  • PHP 8.0〜から実装で便利な機能(名前付き引数、match)
  • さくらインターネットからWHOIS登録メールアドレスの利用廃止のメールが来た
  • スムーズにスクロールする処理をjQueryで実装
  • Gemini for Google Workspace 活用術
Opening Hours
Week Days 10:00 - 17:00
Saturday 10:00 - 15:00
Sunday Day Off
Contact us
popular posts
  • WordPressで画像を拡大表示するなら「Firelight Lightbox」(旧名:Easy Fancybox) 1.1k件のビュー
  • 【WordPress】カスタムフィールド作成の仕方「ACF」Advanced Custom Fieldsの使用法 743件のビュー
  • 【チートシート】Linuc Lv1-102 実務での使用例も解説 612件のビュー
  • My-Snow-Monkey使用例、子テーマによるカスタマイズ 513件のビュー
  • 【WordPressエラー】「Warning: Undefined variable $post in …」「Warning: Attempt to read property “ID” on null in …」 462件のビュー
  • Twitter、Facebookのタイムラインを埋め込む 415件のビュー
  • 【Next.js】ライブラリ使わないでカルーセルスライダー 304件のビュー
  • ローカル、グローバルIPアドレスの違いと確認手順 282件のビュー
  • AWS認定ソリューションアーキテクト-アソシエイトレベル 248件のビュー
  • WordPress自作、カスタマイズ 229件のビュー
Search
Copyright © 2025 ntorelabo | Powered by Desert Themes