イベント先日、ブログ「ごりゅご.com」を運営するごりゅごさん(@goryugo)主催のイベント「ごりゅごブログ塾」に参加してきました。今回はブログ塾で教わったブログに革命が起きるというツールを実際に使ってみたのでレポートと共に紹介しようと思います!ブロガーの勉強会&交流会ごりゅごブログ塾は名古屋で定期的に開かれる、ブロガー達の勉強会&交流会です。今回の講師はブログ「和洋風KAI」を運営していて、プロブロガー本も出版しているするぷさん(@isloop)。なんと今年でブログ10周年というブログのお師匠様のような方です。2013-08-09Amazonで探す楽天市場で探す今回のブログ塾で教わったこと今回のブログ塾で教わったのは主にこんなこと。意味の無いものはバッサリと無くした方が分かりやすいとか、PCでは3行以下、スマホでは5行以下だと読みやすいとかその他いろいろ教わりました。Manager」について書いていきます。Manager(以下GTM)とはタグを一元管理できるWebツール。これを使えばブログに直接記述していたJavaScriptなどのタグをGTMの管理ページ1箇所で管理できるようになります。GTMで管理しているタグはブログから消せるのでごちゃごちゃと分かりにくい状態が解消されます。タグの読み込みを後回しにしたりしてブログの表示速度をアップさせる効果があります。するぷさんがGTMで一元化しているタグはこの4種類だそうです。GTMではタグを読み込む条件(ルール)を設定する事ができて、カテゴリ別やURL別に使用するタグを変えるなんて事もできます。ルールの使い方を考えれば細かい管理が簡単にできそうです。そこまで使いこなしてないけど...GTMを実際に使ってみる!ということでGTMを実際に使ってみたので使い方をまとめてみました。講義を聞いていた時は難しそうなイメージだったんですが、使ってみると意外とシンプルです。アカウント作成とブログへの実装まずはアカウントを作成します。Managerにアクセスして「今すぐ登録」をクリック。Googleのアカウントを持っていると「新しいアカウントの追加」の画面になります。アカウント名にはブログ名を、コンテナ名はブログのURLを入力、コンテナの使用場所はウェブを選択。作成をクリックします。利用規約が出てくるので「はい」をクリック。ここで出てくるのがブログにGTMを適用させるためのタグです。全部コピーしてブログのbodyタグの直後に記述すれば準備完了。タグを管理するでは実際にタグを管理してみます。「新しいタグを追加」をクリック。Analyticsを選びます。JavaScriptなど、ここの一覧に無いものは「カスタムHTMLタグ」から追加可能です。タグの種類はユニバーサルアナリティクスを選択。トラッキングIDを入力してトラッキングタイプはページビューを選択。配信するタイミングはすべてのページを選択。これでタグを作成します。タグ名の変更ができるので自分が分かりやすい名前をつけます。するとタグが追加されました。これだけではまだ有効な状態ではないのでちゃんとタグが動くか確認していきます。画面右上の「公開」の横にある矢印からメニューを表示してプレビューをクリック。するとオレンジのバーが出てきてプレビューモードになります。この状態で同じブラウザでブログにアクセスするとタグが有効になっているか確認できます。プレビューモードでブログにアクセスすると画面下側にGTMのプレビューが出てきます。Page」の欄にさっき設定したタグの名前が表示されていればオーケー。Page」の欄にあると動いてないことになります。問題がなければGTMの画面に戻り、今度は公開ボタンをクリック。これで自分以外の人にもタグが有効になりました!ちなみにGTMに設定したタグはブログの方からは消しておかないと2重で効いてしまうので注意が必要です。engineやSNSのシェアボタンなどのコードを入れてみました。重いコードが無いからなのか、設定が完璧じゃ無いからなのか、ブログの表示速度は体感できるほど大きな変化は感じません。していたタグがここに集まって、ブログの方はGTMのタグ1個だけになったので管理のしやすさは格段にアップしました!1度こっちに移してしまえば長ーいコードの中から目的のタグを探し出すという無駄な手間が解消されるので、タグをたくさん使っている人ほど恩恵がありそうですね。:現役プロ・ブロガーが語る「ファンが増えて10年継続できるブログのコツ」に参加しました。ryo.nagoya(りょうどっとなごや)読者から好かれるブログ運営とは?プロブロガーの勉強会へ行ってきたよ@名古屋。雅恭@onys310フリーのパーソナルトレーナー。トレーニングやロードバイク、スパルタンレースなんかが好き。体づくり、購入したアイテム、挑戦した事なんかについて書いてます。