こんにちは
せっかく予約したwacaのセミナー…
忘れて参加しなかった しらす です
かなしい
さて今日はタグマネの話です
前回ログをとってみた結果
アメブロでページの名前を変えちゃったから
ログが分かれて取れてた件です
以前買っていた参考書によれば
多分ひとまとめにすることができるはず
↓参考書はこれ
読んでみると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とかはてブならいけるらしいと把握
せっかくアメブロ立ち上げたのに
早々に引っ越しも検討仕出した私です
もしアメブロで設定できるよ！とかご存知の方いたら
教えてください〜〜〜〜〜！！！