以前からGoogle Tag Magager(GTM)を会社で使っていたので
自分のブログにも使ってみたいなと思っていたのですが
面倒でなかなかできませんでした。
今日は台風19号が近づいてきており、時間もある？ので取り掛かってみたら、色々トラブルがあったので、同じことをする方のためにも解決法をまとめたいと思います。
GTM設定
アカウント作成
まずは以下でアカウント作成からhttps://tagmanager.google.com/
この辺りは他の多数のサイトで解説がされているので割愛。
GTMのスニペット確認方法
GTMからはhtmlタグが提供されます。通常はGTMアカウント作成時に表示されるのですが、
もしそこで見逃したり、あとで作業する必要があった場合などでも
いつでも確認可能です。
タグマネージャ管理画面のヘッダ部のID（図の赤丸のところ）をクリックすると
埋め込み用のコードがいつでも確認できます。
bloggerへの埋め込み方法
blogger管理画面の「テーマ」を選択して、画面右上の縦の点々をクリックして
「HTMLを編集」を選択します。
HTML編集画面に切り替わるので、GTMのスニペット埋め込み方法通り
headタグの直後とbodyタグの直後に書き込めばよいのですが、、、
そのままだと「変更できませんでした。」とエラーが出て登録できません。
エラー解決方法
スニペット内にある「＆」が悪さをしていますので
エスケープしてあげましょう。
dl = l！= 'dataLayer'?'&l =' + l： '';
を
dl = l！= 'dataLayer'?'&l =' + l： '';
まとめ
今回はBloggerでGTMを設定するところまで行きました。
これからGTMを利用できるようになりますが、google analyticsとの共存や、読了率の計測など他にもやることがあります。
今後もチェックしていきたいと思います。