![](https://narukilog.com/wp-content/uploads/icon-orange.jpg)
ウェブ解析士のナルキです!
この記事では、ワードプレステーマのAstraに最新のGoogleアナリティクス(GA4)を設置する方法を解説します。
実際の画面を説明画像として使っているので迷わず設置を進めることができます。
![](https://narukilog.com/wp-content/uploads/icon-orange.jpg)
![](https://narukilog.com/wp-content/uploads/icon-orange.jpg)
![](https://narukilog.com/wp-content/uploads/icon-orange.jpg)
Googleアナリティクスの実装には最新の注意をはらいましょう!
- コードの実装を失敗してサイトの表示が崩れた…
- あれこれ操作してるうちにおかしなことになった…
- もとに戻すのに、結局数万円の修正がかかった…
![](https://narukilog.com/wp-content/uploads/icon-orange.jpg)
![](https://narukilog.com/wp-content/uploads/icon-orange.jpg)
![](https://narukilog.com/wp-content/uploads/icon-orange.jpg)
googleアナリティクスはサイト内を操作して実装する必要があります。
サイト操作に不安がある方はナルキの実装代行1,000円ポッキリを是非ご利用ください。
- 即日対応!
- 必要な初期設定も料金内!
- 業界最安値!
たった7記事でブログを収益化した方法
収益化したブログの状態は
・新規ドメイン
・SNSの運用なし
・ブログ運用初めて
この状態でブログ運営を始めて7記事目を投稿したあたりに約5,000円ほどの収益化に成功しています。
どんな方法でブログを運用したのかを公開したいと思います。
(広まり過ぎると自分にも影響が出るかもなので、記事を消す可能性があります。)
AstraにGoogleアナリティクスを実装する手順
それではさっそく、アナリティクスの実装方法を解説していきます。
ステップは4つにわかれていますが、自身の状況に合わせて各項目を確認してください。
AstraにAsta Hooksプラグインをインストール
Asta Hooksプラグインとは、phpファイルなどのややこしいコードを直接編集することなくコードを追加できるものです。
Asta HooksはワードプレスのAstraテーマを開発している人が同じなので互換性などに心配することなく使えます。
![ワードプレスにアクセスし、「プラグイン」をクリック](https://narukilog.com/wp-content/uploads/wp-plugin.jpg)
![ワードプレスにアクセスし、「プラグイン」をクリック](https://narukilog.com/wp-content/uploads/wp-plugin.jpg)
![「プラグイン」の「新規プラグインを追加」をクリック](https://narukilog.com/wp-content/uploads/wp-new-plugin.jpg)
![「プラグイン」の「新規プラグインを追加」をクリック](https://narukilog.com/wp-content/uploads/wp-new-plugin.jpg)
![検索窓に「Astra Hooks」と入力し、「今すぐインストール」のボタンをクリック](https://narukilog.com/wp-content/uploads/wp-plugin-Astra-Hooks.jpg)
![検索窓に「Astra Hooks」と入力し、「今すぐインストール」のボタンをクリック](https://narukilog.com/wp-content/uploads/wp-plugin-Astra-Hooks.jpg)
![「Astra Hooks」プラグインの「有効化」ボタンをクリック](https://narukilog.com/wp-content/uploads/wp-plugin-Astra-Hooks-Enable.jpg)
![「Astra Hooks」プラグインの「有効化」ボタンをクリック](https://narukilog.com/wp-content/uploads/wp-plugin-Astra-Hooks-Enable.jpg)
これでAstra Hooksプラグインが使える状態になりました。
次の工程ではこのAstra HooksにGoogleアナリティクスのタグコードを設定していきます。
Googleアナリティクスのアカウント作成
すでにアナリティクスのアカウントを持っている場合は次の GoogleアナリティクスからGoogleタグを取得にお進みだくさい。
こちらからGoogleアナリティクスのアカウント作成に進めます。
Googleアナリティクのサイトにアクセスすると、下記の画面が開きます。
![Googleアナリティクスの「測定を開始」のボタンをクリック](https://narukilog.com/wp-content/uploads/measurement-start-button-1280x484.png)
![Googleアナリティクスの「測定を開始」のボタンをクリック](https://narukilog.com/wp-content/uploads/measurement-start-button-1280x484.png)
『測定を開始』をクリックします。
ここから実際にGoogleアナリティクスのアカウント作成が始まります。
アカウントの作成
アカウント名は半角を2~100文字まで入力できます。
(ナルキの場合:naruki0123)
![「アカウント詳細」の「新しいアカウント名」を入力](https://narukilog.com/wp-content/uploads/Account-details2.png)
![「アカウント詳細」の「新しいアカウント名」を入力](https://narukilog.com/wp-content/uploads/Account-details2.png)
【アカウントのデータ共有設定】の項目に全てチェックをします。
チェックをしたら、【次へ】をクリックします。
![「アカウントデータ共有設定」の項目全てにチェックを入れる](https://narukilog.com/wp-content/uploads/Account-data-sharing-settings2-1.jpg)
![「アカウントデータ共有設定」の項目全てにチェックを入れる](https://narukilog.com/wp-content/uploads/Account-data-sharing-settings2-1.jpg)
プロパティの作成
上から順に解説していきます。
【プロパティ名】全角でも半角でも入力できます。
(ナルキの場合:ナルキ0123)
【レポートのタイムゾーン】日本でサイト運用してる場合は、日本を設定。
【通貨】コチラも日本でサイト運用してる場合は、日本を設定。
【詳細オプションを表示】設定しなくても問題ありません。
入力が完了したら【次へ】をクリック。
![「プロパティ設定」の「プロパティ名」「レポートタイムゾーン」「通貨」を入力](https://narukilog.com/wp-content/uploads/report-time-zone-1280x584.png)
![「プロパティ設定」の「プロパティ名」「レポートタイムゾーン」「通貨」を入力](https://narukilog.com/wp-content/uploads/report-time-zone-1280x584.png)
お店やサービスの詳細
上から順に解説していきます。
【業種】当てはまるものを選択。(わからない場合は大体でOK!)
【ビジネスの規模】当てはまるものを選択。
入力が完了したら【次へ】をクリック。
![「ビジネスの詳細」の「業種」「ビジネス規模」を選択し「次へ」をクリック](https://narukilog.com/wp-content/uploads/GA-Business-details2.png)
![「ビジネスの詳細」の「業種」「ビジネス規模」を選択し「次へ」をクリック](https://narukilog.com/wp-content/uploads/GA-Business-details2.png)
ビジネス目標
【ビジネス目標の選択】当てはまるものを選択。(わからない場合は大体でOK!)
選択が完了したら【作成】をクリック。
![Googleアナリティクスの「ビジネス目標」を選択して作成をクリック](https://narukilog.com/wp-content/uploads/GA-business-purpose2.png)
![Googleアナリティクスの「ビジネス目標」を選択して作成をクリック](https://narukilog.com/wp-content/uploads/GA-business-purpose2.png)
Googleアナリティクスの利用規約
下記画像のように【日本 】を選択すると日本語の表示することができます。
2箇所に同意する必要があるので注意してください。
2箇所目は画面を下にスクロールすると表示されます。
2つのチェックボックスにチェックを入れると【同意する】がクリックできるようになります。
![「Googleアナリティクス利用規約」の言語を日本語に選択後2つのチェックボックスを選択](https://narukilog.com/wp-content/uploads/select-consent.png)
![「Googleアナリティクス利用規約」の言語を日本語に選択後2つのチェックボックスを選択](https://narukilog.com/wp-content/uploads/select-consent.png)
データ収集を開始する
【プラットフォームの選択】webサイトの場合は、ウェブを選択する。
![「データ収集を開始する」の「ウェブ」を選択](https://narukilog.com/wp-content/uploads/GA-Start-data-collection2.png)
![「データ収集を開始する」の「ウェブ」を選択](https://narukilog.com/wp-content/uploads/GA-Start-data-collection2.png)
データストリームの設定
上から順に解説していきます。
![「データストリームの設定」の「ウェブサイトURL」と「ストリーム名」を入力し拡張測定機能にチェックを入れる](https://narukilog.com/wp-content/uploads/GA-Web-stream-URL.png)
![「データストリームの設定」の「ウェブサイトURL」と「ストリーム名」を入力し拡張測定機能にチェックを入れる](https://narukilog.com/wp-content/uploads/GA-Web-stream-URL.png)
【ウェブサイトのURL】
①http://かhttps://を選択する。
②ウェブサイトのドメインを入力する。
(ナルキの場合:https://を選択、narukilog.comを入力)
わからない場合は、運営しているウェブサイトにアクセスし、上のURLのバーをクリックすると確認できます。
![自身のブログにアクセスしURLのバーからURLをコピーする](https://narukilog.com/wp-content/uploads/GA-search-window.png)
![自身のブログにアクセスしURLのバーからURLをコピーする](https://narukilog.com/wp-content/uploads/GA-search-window.png)
【ストリーム名】ウェブサイトなどの名前を入力。
(ナルキの場合:ナルキ0123)
【拡張測定機能】チェクボタンが青になっていればOK!
![Googleアナリティクスの拡張測定機能にチェックを入れる](https://narukilog.com/wp-content/uploads/GA-check-button.png)
![Googleアナリティクスの拡張測定機能にチェックを入れる](https://narukilog.com/wp-content/uploads/GA-check-button.png)
入力完了後、【ストリーム作成】ボタンをクリック。
これでGoogleアナリティクスのアカウント作成が 完了しました。
GoogleアナリティクスからGoogleタグを取得
![Googleアナリティクスの「ホーム」にアクセス](https://narukilog.com/wp-content/uploads/Access-GA-Home.png)
![Googleアナリティクスの「ホーム」にアクセス](https://narukilog.com/wp-content/uploads/Access-GA-Home.png)
初めに、Googleアナリティクスの「ホーム」にアクセスする。
![Googleアナリティクスの「ホーム」から「管理」をクリック](https://narukilog.com/wp-content/uploads/GA-measurement-ID4.png)
![Googleアナリティクスの「ホーム」から「管理」をクリック](https://narukilog.com/wp-content/uploads/GA-measurement-ID4.png)
「管理」をクリック。
![Googleアナリティクスの「管理」を選択し「データストリーム」をクリック](https://narukilog.com/wp-content/uploads/GA-data-stream-click-1.jpeg)
![Googleアナリティクスの「管理」を選択し「データストリーム」をクリック](https://narukilog.com/wp-content/uploads/GA-data-stream-click-1.jpeg)
「管理」 の画面から左下の「データストリーム」をクリック。
![Googleアナリティクスの「データストリーム」の中の「ストリーム」をクリック](https://narukilog.com/wp-content/uploads/GA-stream-selection-1-1.png)
![Googleアナリティクスの「データストリーム」の中の「ストリーム」をクリック](https://narukilog.com/wp-content/uploads/GA-stream-selection-1-1.png)
「ストリーム」をクリック。
複数ある場合、Googleアナリティクスを実装したいサイトのURLと同じURLのストリームを選択する。
![「ウェブストリームの詳細」を下にスクロール](https://narukilog.com/wp-content/uploads/Scroll-down-to-web-stream.png)
![「ウェブストリームの詳細」を下にスクロール](https://narukilog.com/wp-content/uploads/Scroll-down-to-web-stream.png)
ウェブストリームの詳細画面を下にスクロールする。
![「ウェブストリームの詳細」のGoogleタグ内の『タグの実装手順を表示する』をクリック](https://narukilog.com/wp-content/uploads/Tag-implementation-procedure.png)
![「ウェブストリームの詳細」のGoogleタグ内の『タグの実装手順を表示する』をクリック](https://narukilog.com/wp-content/uploads/Tag-implementation-procedure.png)
「タグの実装手順を表示する」をクリック。
![「手動でインストールする」をクリック](https://narukilog.com/wp-content/uploads/Install-manually.png)
![「手動でインストールする」をクリック](https://narukilog.com/wp-content/uploads/Install-manually.png)
「手動でインストールする」をクリック。
![「手動でインストールする」の中のGoogleタグをコピー](https://narukilog.com/wp-content/uploads/copy-google-tag.png)
![「手動でインストールする」の中のGoogleタグをコピー](https://narukilog.com/wp-content/uploads/copy-google-tag.png)
コピーのボタンをクリック。
これで長々と書かれたコード(Googleタグ)を取得することができます。
Asta HooksプラグインにGoogleタグを実装
左のメニューから【Astra】を選択後、【カスタマイズ】をクリック。
![ワードプレスの左メニューから「Astra」を選択し「カスタマイズ」をクリック](https://narukilog.com/wp-content/uploads/Customize-WP-astra-1.jpg)
![ワードプレスの左メニューから「Astra」を選択し「カスタマイズ」をクリック](https://narukilog.com/wp-content/uploads/Customize-WP-astra-1.jpg)
![カスタマイズ内の「Hooks」をクリック](https://narukilog.com/wp-content/uploads/WP-customization-hooks.jpg)
![カスタマイズ内の「Hooks」をクリック](https://narukilog.com/wp-content/uploads/WP-customization-hooks.jpg)
![カスタマイズのHooks内の『Header』をクリック](https://narukilog.com/wp-content/uploads/wp-customize-header.jpg)
![カスタマイズのHooks内の『Header』をクリック](https://narukilog.com/wp-content/uploads/wp-customize-header.jpg)
GoogleアナリティクスからコピーしてきたGoogleタグをwp_headにペーストする。
![「wp_head」にGoogleタグをペースト](https://narukilog.com/wp-content/uploads/wp-customize-wp-head.jpg)
![「wp_head」にGoogleタグをペースト](https://narukilog.com/wp-content/uploads/wp-customize-wp-head.jpg)
最後に【公開】をクリックして内容を保存する。
これでAstraにGoogleアナリティクスを実装することができました。
Googleアナリティクス/GA4にAstraのデータが反映されない…
Googleアナリティクス4・GA4にAstraのデータが反映されない時に確認すること。
- Asta Hooksプラグインに貼り付けたアナリティクスのGoogleタグにミスがないか
- Asta Hooksプラグインを有効化にできているか
- wp_headの中にGoogleタグを実装できているか
- Googleタグを実装した後に、公開のボタンを押し忘れていないか
- 自身がサイトにアクセスしアナリティクスのリアルタイムに反映されないか
実装完了後、リアルタイムにデータが反映されない場合は実装ミスの可能性が高いです。
どうしてもデータが反映されないときは
![](https://narukilog.com/wp-content/uploads/icon-orange.jpg)
![](https://narukilog.com/wp-content/uploads/icon-orange.jpg)
![](https://narukilog.com/wp-content/uploads/icon-orange.jpg)
ナルキが提供する
原因特定代行サービスをご利用ください。
- データが反映されない原因の特定から再実装までを丸投げOK
- 追加料金なしで即日対応です!
- ココナラを通してお取引するので安心してご依頼いただけます!
- 上記の内容で業界最安値の1,000円でご対応いたします!
\ 今なら300円引きクーポン もらえる/
Astraサイト内のユーザー内行動を録画できるツール
行動が動画で見れるツールは『Microsoftが開発したClarity(クラリティ)』です。
実際にClarityの画面を撮影したものを下記から確認できます。
今回撮影した内容
・お客さんがこのナルキログにアクセス
・記事を途中まで閲覧
・フォームからのお問い合わせを完了
このようなお客さんの行動を動画として見れるのがClarityです。