こんにちは

取りっぱのウェブ解析士を生き返らせたい しらす です٩( ᐛ )و

 

 

何はともあれアメブロにGA4繋げなきゃ!ということで

その設定をした時のメモを残してみます

 

 

 

 前提条件

 

 

私はすでにGAのアカウントがあって

いらないプロパティも登録されている状態なので

 

 

いらないプロパティを削除して

新たにこのアメブロ用のプロパティを追加することにしました

 

 

 

 いらないプロパティを削除する

 

これはGA4をアメブロと繋げるのには全く関係ない作業です

 

 

以前プロパティを作ったことがあったけどもう不要な物だったので

断捨離という意味で削除したよってだけです

 

 

GAにログインして削除対象のプロパティを選択した状態で

管理 > アカウント > プロパティ設定

に移動

 

 

右上に「ゴミ箱に移動」があるのでそれをクリック

 

 

 

 

丁寧に「捨てちゃうよ?」という確認が入るので

間違いなければ「ゴミ箱に移動する」でOK

 

 

 

 

もし間違えちゃったり復活させたい時は

管理画面の「ゴミ箱」にアクセスすれば復活可能です

 

 

※でも一定期間過ぎると本当に捨てられちゃうのには注意を

 

 

 

 

 あらためてプロパティをつくる

 

断捨離してスッキリしたところで

このアメブロのプロパティを作りましょう

 

 

管理画面の 「+ 作成」 ボタンから、プロパティを選択

 

 

 

 

プロパティ名を設定します

私はアメブロ(しらす)にしてみました

OKなら 次へ 

 

 

 

 

次は「ビジネスの説明」です

私が個人的にやってる=一人なので、「小規模」を選択

 

OKなら 次へ 

 

 

 

 

次は「ビジネス目標を選択する」です

GA4をいじりたいのが目的なので

 

✅ ウェブ/ アプリのトラフィックの分析

✅ ユーザーエンゲージメントとユーザー維持率の把握

 

を選んでみました

 

OKなら 次へ 

 

 

 

 

 

 データストリームの設定

 

次は「データ収集を開始する」です

アメブロはWebサイトなので「ウェブ」を選びました

 

ちなみに、画面の下の方で「プロパティできたよ!」と通知が来てました

 

 

 

プラットフォームで「ウェブ」を選んだら

自動で↓の画面がでてきました

 

 

「どのWEBサイトのアクセスを拾いたいの?」の設定です

 

 

なのでアメブロの自分のページのURLをコピってきましょう

 

 

アメブロの「自分のブログを見る」などで

ブログTOPのURLをコピります

 

 

https://の部分は不要です

 

 

 

そうしたらGA4に戻って「WebサイトのURL」に貼り付けます

ストリーム名はブログ名とか自分がわかるものを入れておけばOK

 

 

私はうっかりプロパティ名と同じにしちゃったけど多分大丈夫

 

 

OKなら 作成して続行 

 

 

 

すると↓の画面に遷移します

おー、できたじゃん と思ったら 次へ 

 

 

 

ちなみに

「データ収集が開始されるまでに48時間かかることがあります」

って書いてありますが

 

今回はすぐに拾い始めてくれました

 

 

 

 

 タグの設定

 

次は「Google タグの設定方法を選択」です

 

 

このタグがアメブロの中で目印になってくれて

GAがその目印から「このサイトのデータね!」とアクセスデータを集めてくれます

 

 

でもアメブロはタグの埋め込みがいらないので × でこの画面を閉じておk

 

 

 

 

するとつぎに「ウェブストリームの詳細」が開きます

ここの計測IDをコピっときます

 

 

 

 

 

そしたらアメブロへ移動

設定 > 各種設定 > 外部サービス連携設定 

に移動

 

 

 

 

「Googleアナリティクス4の設定」のところに

計測IDを貼りつけます

 

 

 

 

これで完了!

計測ID貼り付けるだけなのがお手軽でいい!

 

 

 

 

 

 ちゃんとできたか確認する

 

では確認しましょう

GAの画面へ戻ると…

 

 

さすがにまだだったか

ホームに戻ってみたところこんな感じ

 

 

 

 

その後、時間は測ってなかったので正確にはわからないんですが

10分かからなかったかな?くらいで計測開始してました!

 

 

上の画像の「ウェブサイトから受信したデータはまだありません」

の部分が変わって取得始めたよ!みたいなメッセージがでました

 

 

 

 アメブロにGA4を紐づけるのはすごく簡単!

 

タグをうめる必要がないのがいいですね!

 

 

私以前タグマネやコードの埋め込みでつまづいて

どうしても進めなかったことがあったので

(ウェブ解析士…)

 

 

アメブロ様様です

 

 

あとはちゃんとブログをみてもらえるように記事の更新をしましょう

リンクをつけてカスタムイベント試すとかも楽しそう!