読者です 読者をやめる 読者になる 読者になる

没個性テーマパーク:EXTRA

Wait a minute, wait a minute. You ain't heard nothin' yet!

はてなブログにはてなカウンターを貼り付ける方法

 

f:id:kikinight:20160224073325g:plain

はてなカウンターを利用しています

 はてなブログのアクセス解析に、はてなのサービスである『はてなカウンター』を使用しています。はてなダイアリーの頃はブログパーツとしてサイドバーにカウンターの貼り付けを行ってました。昨日ふと「あ、このブログにもカウンターを貼っちゃおう」と思い立ったので、はてなカウンター内の貼り付けコードを確認しようとしたのですが、どれだけ探しても見付からなかったんですよね。なんでだろう? 私の環境の問題であれば、このブログ記事自体が無意味になってしまうのですが、とりあえずの顛末を記載したいと思います。

はてなカウンター内の設定を確認したところ……

 はてなダイアリーの頃と同様に、カウンター設定内の下部にある<貼り付け用タグ>を確認すると、はてなモジュール用のタグしか表示されないんですよね。てっきり、はてなブログでもはてなモジュールを問題なく利用できると思っていたのですが、デザイン設定でこちらのタグを貼り付けても反映がされませんでした。ちなみに、サイドバーのモジュール機能で<はてな記法>モードがあったので「これか!」と思ったのですが、それも違いました。結論としては、はてなブログには、はてなモジュールを貼り付けても反映がされないようです。

はてなブログは外部ブログ扱い?

 仕方がないので、ヘルプなどを確認してみたのですが、公式からは以下のお達しが。

はてなカウンターをご利用頂けるウェブページについて

はてなカウンターは、はてなのサービス内でははてなダイアリーとはてなアンテナでご利用いただけます。また、はてな以外のウェブページであっても、JavaScriptが貼り付け可能なページであればご利用いただくことができます。

http://counter.hatena.ne.jp/help

はてな以外のサイトや、はてなの自分のアカウント以外に設置する場合は、「はてな以外のページに貼り付ける場合」の貼り付け用タグをお使いください。JavaScriptの動作が許可されていないサイトでは、カウンターの表示を画像に設定し、貼り付け用タグの"<noscript>"から"</noscript>"に挟まれている部分のみを貼り付けてください。 

http://counter.hatena.ne.jp/help

 この「はてな以外のページに貼り付ける場合」の貼り付け用タグが、どこを見てもないんですよ。もしかしたら、見落としだったら本当に恐縮なのですが、私が調べた限りでは見付からなかった。おそらく、元々はカウンターの設定ページに<はてなダイアリー用のはてなモジュールタグ>と併設するかたちで掲載されていたのかも知れない。今となっては分からないが、何かの拍子に消えてしまったのかも……。運営側の問題ですね。はてなカウンターユーザーはあまりいないのでしょうか。

 あと本件を調べている時に、 Yahoo!知恵袋で同じ悩みを抱えている人がいて笑った。

detail.chiebukuro.yahoo.co.jp

結局、自力で調べることに

 色々とググってみたのだけど、埒が明かないので自分の昔のブログのソースコードを調べ、応用するかたちで貼り付けることにした。過去に、はてなダイアリーにはてなカウンターを貼り付けていた時は当然、はてなモジュールを使用していたわけだが、はてなモジュールはブログのデザイン設定では省略されたタグとして表記されるけど、実際のブログ画面上では省略されていないHTMLコードで書き出しが行なわれているはず……という推測が立ち、そうであればソースコードを覗けばはてなブログに応用出来るhtmlタグが見付かるかも知れないと思って辿ってみた。結果、ソースコードの中にはてなカウンター貼り付け部のhtmlタグが見付かったので、それを貼り付けてみることにした。

 ソースコードとしては以下のような感じ。 

<span class="hatena-counter"><script type="text/javascript"><!--
hatena_counter_name = "kikinight";
hatena_counter_id = "101";
hatena_counter_ref = document.referrer+"";
hatena_counter_screen = screen.width + "x" + screen.height+","+screen.colorDepth;
//--></script>
<script type="text/javascript" src="http://counter.hatena.ne.jp//js/counter.js"></script>
<noscript><img src="http://counter.hatena.ne.jp/kikinight/101" border="0" alt="counter"></noscript>
</span>

 上記の中で、kikinightの部分諸々は個人アカウントに紐付けて頂ければと思うが、そこを変えてしまえば、問題なくはてなカウンターとしてブログパーツが貼り付きます。

 解消してしまえば大したことはありませんが、知恵袋の方もそうであろうと同様に同じ悩みを抱いている方もいるかも知れない。

 はてな上場の素晴らしい日に、こんなエントリーも申し訳ないですが、誰かの欲求を満たすことが出来れば良いかなと思いました。

 右側のサイドバーの一番下に、今回の成果であるカウンターが貼り付けてありますので、ご確認を頂ければと存じます。

© 2014-2017 kikinight All Rights Reserved.