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

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

      2014/11/22

Google or AdMax Promotion(it)

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

プラグインを用いることなく、
HTMLを直接編集して利用する方法は以下でご紹介しています。

 

他社の無料ブログでどのように設定するのかなどが、
気になるようでしたら以下の投稿をどうぞ。

 

はじめに

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

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

01_GoogleAnalyticsをditで!

GoogleAnalyticsをditで!

利用規約上問題はないか

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

 

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

Google Analyticsコードの取得

Google Analyticsにてトラッキングコードを取得する方法は、以下の投稿を参考にしてください。

 

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

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

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

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

 

dtiブログに対する設定

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

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

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

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

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

プラグインの設定

ブログ管理のページより[プラグインの管理]をクリックします。

02_プラグインの管理

プラグインの管理

プラグイン管理画面が表示されますので、
[公式プラグイン]タブをクリックします。

03_公式プラグインの追加

公式プラグインの追加

公式プラグインの追加

公式プラグインの一覧に表示された中の
[拡張プラグイン]-[フリーエリア]を探します。
その横に表示されている[追加]をクリックして1つ追加します。

04_フリーエリアの追加

フリーエリアの追加

追加するとプラグインの管理画面の一覧に、
フリーエリアが表示されるようになります。
フリーエリアの行に表示されている[編集]をクリックします。

05_フリーエリアの確認

フリーエリアの確認

尚、この時点でWebページを確認すると、
ウィジェットをしてフリーエリアが表示されています。

06_フリーエリアのタイトルは消せない

フリーエリアのタイトルは消せない

公式プラグインの編集

プラグインの編集画面が表示されたら、
[HTMLの編集]の部分に対して、
GoogleAnalyticsトラッキングコードを設定します。

07_フリーエリアの編集

フリーエリアの編集

この編集機能の設計はFC2と同じですね(笑)

 

GoogleAnalyticsトラッキングコードを設定するのですが、
フリーエリアのタイトルは画面上から非表示にすることができません。

そこで、ウィジェットに便宜上何か表示したいものを選定して表示します。
ここではGoogle+1のプロフィールリンクを表示しています。
適宜、ほかに表示したいものをタグ挿入して表示してください。

08_GoogleAnalyticsタグの挿入

GoogleAnalyticsタグの挿入

表示の確認

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

09_フリーエリアの表示確認

フリーエリアの表示確認

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

10_GoogleAnalyticsタグ出力

GoogleAnalyticsタグ出力

Google Analyticsの接続確認

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

11_GoogleAnalyticsの確認

GoogleAnalyticsの確認

プラグインを利用した場合の実装方法は以上です。
この方法は手軽な反面、何かを表示しなければならないという制約が付きまといます。

また<body>タグ内に挿入する形になりますので推奨された導入方法ではありません。

しっかりとHTMLを編集して利用する際には、
以下の投稿を参考に編集を行ってください。

 

他社の無料ブログでどのように設定するのかなどが、
気になるようでしたら以下の投稿をどうぞ。

 

dtiblogはDTI SERVICES, INC.の商標であり、 dtiblogを含む、
すべての名称、商標、ブランド、ロゴ、デザイン、トレードドレス、スローガン、DTIは
その商品やサービスに関連して使用され、DTI SERVICES, INC.の著作物です。
DTIサービスのロゴ使用と会社名表記に関する声明は http://www.dtiserv.com/logo/DTI.htmでご確認頂けます。
またDTIサービスのWebサイト契約(http://dtiservices.com/wp/?page_id=357)に
商標に関する取扱いが明記されています。

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, DTIブログ, 無料ブログ , , ,

  関連記事