News! fc2ブログのカウンターをスマホに対応させる方法
- 2012/09/08 (土)
- ニュース
fc2カウンターの公式の設置HTMLタグはこんな感じ
<!-- FC2カウンター ここから -->
<script language="javascript" type="text/javascript" src="http://counter1.fc2.com/counter.php?id=XXXXXXX"></script><noscript><img src="http://counter1.fc2.com/counter_img.php?id=XXXXXXX" /></noscript>
<!-- FC2カウンター ここまで -->
<script language="javascript" type="text/javascript" src="http://counter1.fc2.com/counter.php?id=XXXXXXX"></script><noscript><img src="http://counter1.fc2.com/counter_img.php?id=XXXXXXX" /></noscript>
<!-- FC2カウンター ここまで -->
■スマホにもカウンターを表示させつつ、スマホからのアクセスもカウントしたい場合
貼り付けタグを「スマートフォン用テンプレート」にも貼り付ければOK。
■レイアウト上、スマホにはカウンターを表示させないが、アクセスはカウントしたい場合
[方法1] imgタグを使う方法
特徴:検索エンジンのbotのアクセスもカウントする
設置HTMLタグの
<img src="http://counter1.fc2.com/counter_img.php?id=XXXXXXX" />
↑この部分を以下のようにして
<img src="http://counter1.fc2.com/counter_img.php?id=XXXXXXX" width="1" height="1" alt="counter" />
これを「スマートフォン用テンプレート」の下の方に貼り付ける。
※ケータイのアクセス数を取得する場合も、このコードを「携帯用テンプレート」の下の方に貼り付けてください。
[方法2] CSSを使う方法
特徴:検索エンジンのbotのアクセスはカウントしない
「スマートフォン用テンプレート」の下の方に以下のHTMLを付け足す
<div id="count"></div>
「スマートフォン用CSS」の下の方に以下のCSSを付け足す
/* counter for smartphone */
#count {
width: 1px;
height: 1px;
border: 0;
overflow: hidden;
background: url(http://counter1.fc2.com/counter_img.php?id=XXXXXXX) transparent no-repeat 2px 2px;
}
#count {
width: 1px;
height: 1px;
border: 0;
overflow: hidden;
background: url(http://counter1.fc2.com/counter_img.php?id=XXXXXXX) transparent no-repeat 2px 2px;
}
fc2ブログの場合、スマホやケータイのテンプレートにカウンター数取得のコードを貼り付けていない方が多いようなので、
この機会に見直してみてはいかがでしょうか。
- posted: 18:15
- トラックバック(0)
- コメント(0)
- Page Top