Bloggerで始める今時のブログ（ウェブマスターツールに登録する）

さて、GoogleのサービスBlogger.
Googleの他のサービスとの連携もそれなりに。

ウェブマスターツール


https://www.google.com/webmasters/tools/home?hl=ja

アクセスするともうBloggerで作ったブログが表示されてますので、そのまま登録できちゃいます。

ウェブマスターツールを使うことでGoogleにどんなかんじでインデックスされるのか、サイト内のキーワードがどんな具合なのか、＋１ボタンのクリックがどんなかんじなのかを集計することができるようになります。

Bloggerで始める今時のブログ（twitter公式ガジェットを設置する）

twitterの公式ガジェットを設置しよう！

twitterアカウントを持っていれば、下記から簡単にガジェットの追加ができます。

http://business.twitter.com/about/resources/widgets/widget_profile

自分のアカウントを設定してデザインやら項目を設定します。

最後に「完了&コード取得」をクリックすると貼り付けるためのコードが生成されます。

のボタンをクリックすれば簡単に追加完了です。

Bloggerで始める今時のブログ（twitterのFollow meボタンを設置する）

せっかくブログを作ったので、ブログからtwitterのアカウントへ誘導をしたいと思います。

go2web20
http://www.go2web20.net/



こちらからボタンを作ることができます。

色やら表示するテキストやらを色々選んでコードを生成すると、実際にどう表示されるかが確認できます。

よければこのコードをBloggerに登録します。

Bloggerの「デザイン」のタブから「レイアウトを編集」を選んで「HTML/JavaScript」のガジェットを追加すれば設置できます。

その際にタイトル文字を入れてしまうとブログ上に表示されてしまうので、タイトルには何も入れないようにします。

Bloggerで始める今時のブログ（Analyticsのタグを埋め込む）

さて、Bloggerには管理画面に「統計」というタブがあってある程度のアクセス集計は確認することができます。

だがしかし、細かい解析をするには少し物足りません。
そんな時には同じGoogleのサービスのGoogle Analyticsを使いましょう！




Bloggerを作るときにもうGoogleアカウントはあるので、設定はらくちん！
「今すぐアクセス」をクリック
次の画面で「プロファイルを追加」をクリックして、作ったブログを登録しましょう！

登録が終わると、埋め込むタグが用意されます。
これをコピーしてBlogger側に埋め込みます。

Google Analyticsで生成された埋め込み用コード

Blogger側で「デザイン」のタブから「HTMLの編集」をクリックします。

まあまずいじる前に、ぶっ壊れたときにもとに戻せるように「テンプレートをすべてダウンロード」からバックアップをとっておきましょう。

その上で「テンプレートを編集」から</head>を探してその前にタグを埋め込みます。

"
    </b:template-skin>
<script type='text/javascript'>

  var _gaq = _gaq || [];
  _gaq.push([&#39;_setAccount&#39;, &#39;UA-24559530-2&#39;]);
  _gaq.push([&#39;_trackPageview&#39;]);

  (function() {
    var ga = document.createElement(&#39;script&#39;); ga.type = &#39;text/javascript&#39;; ga.async = true;
    ga.src = (&#39;https:&#39; == document.location.protocol ? &#39;https://ssl&#39; : &#39;http://www&#39;) + &#39;.google-analytics.com/ga.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
  </head>

テンプレートを保存して完了！となります。

Bloggerで始める今時のブログ（上部のナビゲーションの色を変える）

さて、ブログが徐々に自分好みに調整をしてますが、Bloggerでブログをやる上で避けて通れない、上部のナビゲーション。

結構邪魔だったりもしますが、実はこれ透明にできるんです。

これも管理画面の「デザイン」から

navbarの「編集」を押すことで、透明を選択できるようになります。

これで目立たなくなった！