頑張らない!でも諦めない!必死にならずにええかげん

Google Analyticsアクセス解析をSeesaaブログで利用する方法(プラグイン)

      2014/11/22

Google or AdMax Promotion(it)

Google Analytics™は皆さんご利用でしょうか。
こうした優れたアクセス解析ツールを各社無料ブログで利用したい
そう思うことはよくあることでしょう。
今回はSeesaaブログでプラグインを利用して、
Google Analyticsを利用する方法をご紹介します。

プラグインを用いることなく、
HTMLを直接編集して利用する方法は以下でご紹介しています。
Google Analyticsアクセス解析をSeesaaブログで利用する方法(HTML)

他社の無料ブログでどのように設定するのかなどが、
気になるようでしたら以下の投稿をどうぞ。
無料ブログ各社のGoogle Analytics利用可否と方法

はじめに

無料ブログには既に独自のアクセス解析ツールが付属していて、
サービスを始めるとともにすぐにアクセス数等が確認できて便利なものです。
しかしこうした標準のアクセス解析ツールでは、
あくまでも標準で提供された内容のみが確認でき、
もっと詳細に解析データを確認したいと思っても、確認することができません。

そこで、アクセス解析でもっとも普及しているであろう、
Google Analyticsを利用しようと思うわけです。

01_GoogleAnalyticsをSeesaaで!

GoogleAnalyticsをSeesaaで!

利用規約上問題はないか

Seesaaブログといった無料ブログサービスなどの、
外部Webサービスを利用するにあたって、
まず確認しなければならないことは利用規約です。

Google Analyticsアクセス解析をSeesaaブログで利用する上の規約確認

確認した感じとして、特に問題があるような感覚はありませんでしたが、
実際に利用される際には、各自ご確認をお願いします。

Google Analyticsコードの取得

Google Analyticsにてトラッキングコードを取得する方法は、以下の投稿を参考にしてください。
GoogleAnalyticsの新規ユーザー登録
GoogleAnalyticsのユニバーサルアナリティクスコードを取得する(追加)

尚、今回は今後主流となるであろう、
Universal Analyticsによるプロパティーを利用した、
Universal Analyticsトラッキングコードでご説明します。

取得したUniversal Analyticsトラッキングコードは以下のようなソースです。

アナリティクスのトラッキングコードが上記のものと違っている場合には、
貴方の利用しているトラッキングプロパティーが、
標準アナリティクスを採用していることになります。

貼り付けるソースはどちらでも構いませんのでご利用のソースを貼り付けてください。
標準アナリティクスについては以下の投稿を参照ください。
GoogleAnalyticsの標準アナリティクスコードを取得する(追加)

Seesaaブログに対する設定

基本的にGoogle Analyticsは<head>タグ内にコードを記述することを推奨しています。
この推奨する実装方法を採用するならば、
直接HTMLを編集して実装するのがベストと言えます。

HTMLを編集せずプラグイン形式で実装する方法

この方法は後のカスタマイズの影響などをあまり考慮することなく、
手軽にGoogle Analyticsを実装する方法ですが、
<head>タグ内ではなく<body>内にタグを設定することになります。

本格的にブログを運用するに当たっては、
将来的にGoogle Webmasters Toolsの利用もすることになりますので、
その際には結局は直接HTMLの編集を行うことになります。

この方法の実装はとにかくGoogle Analyticsをすぐに設定して、
トラッキングを開始したい場合に限って利用する方がいいと思います。
(のちに、直接HTMLを編集することを前提として)

コンテンツの追加

新規投稿のページより[デザイン]をクリックします。

02_デザインの選択

デザインの選択

デザイン一覧画面が表示されますので[コンテンツ]をクリックします。

03_コンテンツの選択

コンテンツの選択

コンテンツレイアウトの画面が開きます。
サイドバーに表示されている[+コンテンツ]部分の
[+]をクリックしてコンテンツを表示します。

04_コンテンツ配置ページとコンテンツ表示

コンテンツ配置ページとコンテンツ表示

展開されたコンテンツの中の[自由形式]を探し、
マウスでドラックして、配置のサイドバーへ配置します。
正しく配置されると、サイドバーに固定されます。

05_自由形式の配置

自由形式の配置

コンテンツの編集

追加した[自由形式]コンテンツの”自由形式”という文字をクリックし、
コンテンツの編集を行います。

06_自由形式の編集

自由形式の編集

コンテンツ編集のダイアログが表示されますので、
下のフィールドにGoogle Analyticsのトラッキングコードを貼り付けます。

07_トラッキングコードの貼り付け

トラッキングコードの貼り付け

このダイアログはスクロールしないと[保存]をボタンが表示されませんので、
スクロールして[保存]をクリックします。

保存が完了したら[×]をクリックしてダイアログを閉じます。

コンテンツレイアウト画面の下部にある[保存]をクリックして完了です。

08_自由形式コンテンツの保存

自由形式コンテンツの保存

表示の確認

ブラウザからアクセスして表示を確認すると、以下のように表示されています。

09_Webページの確認

Webページの確認

こうしたウィジェット形式の追加の場合、通常は何かしらが表示されてしまい、
バックエンドのプログラムを入れる際にはその表示が邪魔になるのですが、
Seesaaでは表示するものがない場合には、
追加したコンテンツ自体が表示されません。

しかし、Webページのソースを確認すると、
正しくGoogleAnalyticsトラッキングコードが出力されています。

このコンテンツ機能はとても便利に使えるなと思うところです。

他社のこうしたプラグインの場合、何かを代わりに表示しています。
Google Analyticsアクセス解析をFC2で利用する方法(プラグイン)
Google Analyticsアクセス解析をdtiブログで利用する方法(プラグイン)

Google Analyticsの接続確認

ブログを表示してすぐに、
Google Analyticsのレポートを開き、アクセスを確認します。
サイドバーの[リアルタイム]-[サマリー]をクリックすると、
今、Webページを表示しているユーザーに自分が表示されます。

10_GoogleAnalytics動作の確認

GoogleAnalytics動作の確認

プラグインを利用した場合の実装方法は以上です。
この方法は手軽な反面<body>タグ内に挿入する形になりますので、
Googleに推奨された導入方法ではありません。

しっかりとHTMLを編集して利用する際には、以下の投稿を参考に編集を行ってください。
Google Analyticsアクセス解析をSeesaaブログで利用する方法(HTML)

他社の無料ブログでどのように設定するのかなどが、
気になるようでしたら以下の投稿をどうぞ。
無料ブログ各社のGoogle Analytics利用可否と方法

Seesaaはシーサー株式会社の登録商標(第5049965号)であり、
Seesaaロゴはシーサー株式会社の登録商標(第5137457号)です。
Seesaaブログはシーサー株式会社のサービス名です。
Seesaaのサービスに用いられるアイコンその他のマーク等は、
シーサー株式会社の商標であり、シーサー株式会社の著作物です。

Google™はGoogle Inc. の登録商標(第4478963号及び第4906016号)です。
GoogleロゴはGoogle Inc. の国際登録商標です。
国際登録番号:881006及び926052及び1086299及び1091990及び1145934
Google Analytics™はGoogle Inc. の商標です。

*本ページ内に記載されされた各社ブランド、サービス名、商標、登録商標については、
各社ブランドのロゴや商標等に関する帰属についてをご確認ください


最後までお読みいただきありがとうございました。
アルゴリズン


役に立ったと思っていただけたら、以下からシェア頂けたら幸いです^^

QRコードからもこのURLを開けます。

Pitta Promotion

アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。
ロゴの使用等に関する苦情・ご意見等がございましたら管理者までご連絡ください。

AdMax Promotion

カテゴリ
すべて展開 | すべて省略

Rakuten Promotion

プロモーション(btm)

Google or AdMax Promotion (it)

 - Analytics, Seesaa, 無料ブログ , ,

  関連記事