こんにちは

せっかく予約したwacaのセミナー…

忘れて参加しなかったしらすです

かなしい

さて今日はタグマネの話です

前回ログをとってみた結果

アメブロでページの名前を変えちゃったから

ログが分かれて取れてた件です

以前買っていた参考書によれば

多分ひとまとめにすることができるはず

↓参考書はこれ

できる逆引き Googleアナリティクス4 成果を生み出す分析・改善ワザ 192 できる逆引きシリーズ

Amazon（アマゾン）

読んでみるとGoogleタグマネージャーの設定が必要なので

まずはタグマネをいじることにしました

先に結論

3,000文字オーバーで書いてるんですが

結論、できなかったんですよ…

すんません

でも頑張って試してみたから

なんか悔しくて書いてみた感じです

前提条件

GA4を導入する時と同様で

タグマネも以前導入したことがありました

なのですでにタグマネのアカウントがある状態です

すんごい久々にタグマネ開いたな…

GA4の時は以前の名残を先に削除したんですが

今回は忘れてとりあえず新たに始めるところから作業してます

コンテナを作ろう

まずはタグマネに移動

GA4の左上、アカウントが表示されているところで

タグマネに移動できるの便利

そしたら新しいコンテナを作成！

画面左上の「管理」をクリックして

出てきた画面の一番右端「＋」をクリック

そうすると新しいコンテナが作れるようになる

コンテナの名前はこのブログの計測用だから

「ameblo（しらす）」にして

アメブロはWebサイトなので「ウェブ」を選択

あとは右上の作成を押すだけ

そうすると自動的にコンテナスニペットが出てくる

あとはこれを埋め込めばいいんだけども

コンテナスニペットをアメブロに埋め込…めない…

どこに？どうやって？？？

以前は「フリープラグイン」という項目があって

そこにコンテナスニペットを入れてたみたいなんですが

これは廃止されてました

あとは、GA4が入ってれば

タグマネも勝手に紐づくみたいな話も

あるみたいなんですが

テストしてみたけどだめっぽい

紐づく要素ないもん

ChatGPTとかでも調べてみたけれど

今の所アメブロにタグマネを入れる手段がわからない！！

適当に進めてみる

ということで

今私が調べられる範囲では

ちょっと解決策が見つからなかったんです

でも

「ここにはこれ入れるんじゃない…？」

みたいな、ちょっとわかりそうなところもあったので

とりあえず適当に進めてみました

GA側に設定っぽいのがあったからやってみる

設定＞データの収集と修正＞データストリームに移動

該当のデータストリームの＞をクリック

「ウェブストリームの詳細」ページが開くので

測定IDをコピって

Googleタグ＞接続済みのサイトタグを管理するへ移動

「接続するタグのIDを入力します」欄に

さっきコピった測定IDを入れる

ニックネームは任意のようだったけど

とりあえずameblo(しらす)にしてみた

そしたら右端の接続をクリックしてここの設定完了

タグを作ってみちゃう

これ以上はわからなかったから

とりあえず参考書に従って新しいタグを

作ってみちゃうことにした

なのでタグマネへ移動

ワークスペース＞新規で新しいタグを作っちゃうぞ！

新規をクリックするとこんな画面が出るから

「タグの設定」のタグマークあたりをクリック

なんのタグがいい？とタイプを聞かれるので

Googleアナリティクスを選択

するとさらに、GAのどれ？と聞かれるので

Googleタグを選択

ちなみに参考書では「Googleアナリティクス4：GA4設定」というタグを

選ぶように指示が書かれてるんですが

テキストはだいぶ前のものなので現状は

多分Googleタグを選ぶことになると思う

あとなんか

「GoogleタグとGoogleアナリティクス：GA4 イベントタグを一緒に使用すると…」

って書いてあるんですがこいつは一旦無視しました

理由はこの「Googleアナリティクス：GA4 イベント」ってタグは

参考書にも載っていて

この時点ではそれを選ぶ指示がなかったから

ということでタグの作業に戻ります

そうするとこの画面に戻ってくるので

タグ IDにGA4の測定IDを貼り付け

この時点で勝手にトリガーに

「Initialization - All Pages」が設定されます

そのまんまでOK

これは参考書によると

どのタグよりも一番に発火させたいタグにつける

トリガーとのこと

今つけた「Googleタグ」というタグは

GA4の基本の設定タグらしいので

何より一番に発火してほしい

だからこのトリガーが良いとのこと

あと左上、「名前のないタグ」はかわいそうなので

お名前をつけます

（つけないまま保存しようとすると名前つけろって出てきます）

今回は参考書に従って

GA4-CONFIGにしました

そしたら保存

これで設定はできたはず

プレビューしてみる

次はプレビューします

これも参考書に書いてあるのでとにかくやってみる

右上のプレビューをクリック

するとこんな画面が出てきます

ウェブサイトのURLにアメブロのTOPページURLを貼り付けて

リンクをクリック

するとタブが２つ増えます

そして右側のタブの画面、ここでいうとブログTOPページが

見えるようになるんです

こんなかんじ

右下に「Tag Assistant に接続しました」って出てますね

Tag Assistantってのはプレビューで開いた

もうひとつのタブのことです

そっちに移動しましょう

すると

後ろに不穏な文字列（Gタグ見つかりません的な）を出しつつ

接続しましたという表示

続行をクリックしてポップアップに消えてもらいましょう

画面の真ん中の不穏な文字列はおいといて

上部に「タグ見つかったよ！」と記載があるんですよね…

なんか４つも見つけてない？？？

なんで？？？？？

というのはわからなかったんで

後ろの不穏な文字列を確認

４つのタグのうち、一番左がデフォで選択されてるんですが

これはサイトに埋まってないよ！って言ってるらしい

ちなみにこのデフォのタグは

今回作ったコンテナのコンテナIDです

んん…それで値が取れてないのはダメくない？

他の３つもみてみました

左から２つ目のタグを選択すると…

これ、私が設定した何かじゃなくて

アメブロ側が設定したGAかな？

私最大権力持ってるから（GA4管理者だから）

アクセス権リクエストいらんもんな

残り２つもみてみよう

３つ目は私が設定したGA4の計測IDがついてる

PVのヒットが送られてる

さっき一緒に開いたプレビュー用のページをスクロールしてみたら

スクロールも送られてきた

でもGA4自体は普通に計測できてるんだからそらそうよね

最後の４つ目は身に覚えがないなー

PVとスクロールのヒットはさっきと同様に拾ってるな

あとタグ名が不明になってる

ヒントにカーソル持ってったら↓とのこと

これアメブロ側のやつですね多分

ということで

結局タグマネの設定はできなかった

途中で「GoogleタグとGoogleアナリティクス：GA4 イベントタグを一緒に使用すると…」

をスルーしていたのでこれも設定してみたけど

まあ関係ないですよね

アメブロ側にタグがないんだもん

んんんんーーーーー

タグも絶対的に触りたいんだよなー

GTMでカスタムイベント作るのも楽しみにしてたのになー

色々その後も検索したけれど

WordPressとかはてブならいけるらしいと把握

せっかくアメブロ立ち上げたのに

早々に引っ越しも検討仕出した私です

もしアメブロで設定できるよ！とかご存知の方いたら

教えてください〜〜〜〜〜！！！

タグマネを設定した…かった