Googleタグマネージャーをはてなブログに設定する方法
こんにちは、Fragolaーchanです。
今日は、Googleのタグマネージャーをはてなブログに設定する方法をご紹介したいと思います。
超超超初心者、私のような方にもわかるよう写真を多用して説明していきたいと
思います。
Googleタグマネージャーってどんなもの?
詳細な、Googleタグマネージャーの説明は、ここでは割愛いますが、
簡単に説明すると『Googleが、データ取得などに利用される『タグ』をまとめて
管理するために提供している無料サービスです。
Googleタグマネージャーについて詳しく知っておきたい方は、以下のヘルプを参照して見てください。
まずはGoogleAnalyticsを設定しよう!
ここでは、GoogleAnalyticsの導入方法の説明は割愛させていただきますが、
割愛しないで! とう方のために、
以下のサイトで詳しく説明して下っている方がいるので、
そちらを参考にしていただくと良いかと思います。
Googleタグマネージャーの設定します!
①まず以下URLからGoogleのタグマネージャーの設定ページにいきます。
②このページに飛びますので、右上に『アカウント作成』をClick!
③各項目を入力します。入力の内容な下記を参考にしてください。
入力が済んだら、左下の作成をClick!
アカウント名:ブログ名など
私の場合は、この日記なので『Fragola-chanの日記』としています。
国:日本
コンテナ名:ブログのURL(httpなどを除くドメイン部分)
fragola-chan.hatenablog.com
(アカウント名と同じで、私の場合はこうなりますね。)
Where to use container:ウェブ
④するとこちらのページ移動され、『Googleタグマネージャー利用規約』が、
表示されるので、『はい』をClick!
⑤すると、こちらの画面が表示されますので、これらの2つのコードをはてなブログの
に設定していきます。
まず、上のBOXをコードを全てコピーします。
⑥次にはてなブログの設定画面へ行き、
『設定』→『詳細設定』→『headに要素を追加』にいき、ここに先ほどコピーした
ものを貼り付けます。画面を閉じる際は、ページ左下の『変更をする』を
忘れずにクリックして、閉じて下さい。
⑦次に下のコードを貼り付けますが、場所は、『ダッシュボード画面のデザイン』→
『ヘッダ』→『タイトル下』のBOXに貼り付け、『変更を保存する』をClick!
⑧上の設定が終わったら、この画面に戻り右下の『OK』をClick!
この画面は、いつでもタグマネージャーのこちらの画面の『GTM-XXXXX
』をClickすると上記の画面になり確認することができます。
以上で、Googleタグマネージャー設定完了です!
お疲れ様でした!