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

Google™ Analyticsアクセス解析をJugemブログで利用する方法(フリースペース)

      2014/11/22

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

フリースペースによる挿入を行わずに、
HTMLを直接編集する方法は以下でご紹介しています。
Google Analyticsアクセス解析をJugemブログで利用する方法(HTML)

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

はじめに

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

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

01_GoogleAnalyticsをJugemで!

GoogleAnalyticsをJugemで!

利用規約上問題はないか

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

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

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

Google Analyticsコードの取得

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

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

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

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

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

JUGEMブログに対する設定

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

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

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

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

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

フリースペースの編集と公開設定

ブログのHOME画面より[デザイン]をマウスオーバーして表示される
プルダウンから[フリースペース]を選択します。

02_フリースペースの選択

フリースペースの選択

表示されたフリースペース一覧から、
利用していないフリースペース(ID1~ID5)の横の、
[編集(鉛筆マーク)]をクリックします。

03_フリースペースの編集

フリースペースの編集

フリースペースの編集画面にて、以下のように設定します。

  • タイトル: 全角スペース[ ]を入力します。
  • 内容: Google Analyticsから取得したトラッキングコードを貼り付けます。
  • 公開・非公開: 公開に設定します。

設定が終了したら[編集内容を保存]をクリックし保存します。

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

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

タイトルを空白にして設定できる、
Jugemのタグ挿入機能はとても便利に使えるなと思うところです。

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

表示の確認

Webページを開くと、設定したフリースペースは何も表示されません。
ページのソースを確認するとトラッキングコードが出力されます。

05_Webページの確認

Webページの確認

Google Analyticsの接続確認

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

06_GoogleAnalytics動作の確認

GoogleAnalytics動作の確認

フリースペースの位置を変更するには?

フリースペースの初期の出力位置を確認するために、
すべてのフリースペースに設定を行い公開します。

07_フリースペースにすべて設定

フリースペースにすべて設定

表示を確認すると、すべてがカレンダー下に配置されています。

08_Webページの確認

Webページの確認

これは、HTML上で指定したショートコード(埋め込みタグ)が、
挿入されている位置に対して、フリースペースが出力されます。

このタグの位置をHTML上で変更すると、
挿入したい位置に対して出力をできるようになります。

09_フリースペース出力位置確認

フリースペース出力位置確認

結局HTMLを編集してしまうなら、同じかもしれない

この方式でいえば、複雑な処理をフリースペースに設定しておき、
HTMLの変更を最小限に抑えることができます。

あまり他社では見かけない面白い仕様だなと思うところです。

とはいえ、HTMLを編集してしまうということであれば、
Google Analyticsのトラッキングコード程度でしたら、
直接HTMLに記述してしまうのでしょうけど。

ただし、HTMLの編集時には必ず、
バックアップを作成してから作業を開始しましょう。
Jugemブログでテンプレートをコピー(複製)する方法

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

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

JUGEMは株式会社paperboy&co.の
登録商標(第4850224号及び第4883721号)です。
JUGEMロゴ、アイコンその他のマーク等は株式会社paperboy&co.の商標であり、
株式会社paperboy&co.の著作物です。

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

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


最後までお読みいただきありがとうございました。

アイキャッチ画像に利用させて頂いております、各社ブランドのロゴやシンボルに関しては、
各社ブランドのロゴや商標等に関する帰属についてをご確認頂けますようお願い致します。

AdMax Promotion

ブログ記事のご紹介
すべて展開 | すべて省略

Rakuten Promotion

ページ
すべて展開 | すべて省略

プロモーション(btm)

Google or AdMax Promotion (it)

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

  関連記事

eye_google
Google™Chromeにタグアシスタント(TagAssistant)機能拡張のインストール

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_fc2
Google Analyticsアクセス解析をFC2で利用する上の規約確認

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_a8_funblog
Google™ Analyticsアクセス解析をファン(A8)ブログで利用する方法にコンテンツは使えない?

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_google_anl_old
GoogleAnalyticsのインテリジェンスイベントでサイト動向を知る

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_biglobe_webry
ブックマークアイコン(ファビコン)をウェブリブログで表示する方法

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_biglobe_webry
Google™ Analyticsアクセス解析をウェブリブログで利用する方法(フリースペース)

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_yaplog
Google Analyticsアクセス解析をyaplogで利用する上の規約確認

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_google
Google™Analyticsでサイト内検索レポートトラッキングを開始する方法

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_dti
(livedoorはきつい編)dtiブログサービス終了に伴う引っ越し方法

Google or AdMax Promotion(it) 禁断の機能がau公式 …

eye_google_anl
Google™Analyticsユニバーサル アナリティクスで複数のトラッキングコードを設定する方法

Google or AdMax Promotion(it) 禁断の機能がau公式 …