本日のニュース (自動更新)

Loading...

News! fc2ブログのカウンターをスマホに対応させる方法 『fc2ブログのカウンターをスマホに対応させる方法』のブックマークコメント

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カウンター ここまで -->

■スマホにもカウンターを表示させつつ、スマホからのアクセスもカウントしたい場合

貼り付けタグを「スマートフォン用テンプレート」にも貼り付ければ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;
}

fc2ブログの場合、スマホやケータイのテンプレートにカウンター数取得のコードを貼り付けていない方が多いようなので、
この機会に見直してみてはいかがでしょうか。

関連記事
このエントリーをはてなブックマークに追加

この記事へのコメント

Comment Form
コメントの投稿 (差別用語やわいせつな表現、伏せ字等が含まれているコメントは表示されません)

Page Top

この記事について書いているブログ

Trackback URL

https://newtoku.jp/tb.php/1189-bcdd7f93

Page Top

エビオス錠
エビオス錠

二日酔い、胃のもたれにメッチャ効きます。お腹弱い人にもオススメ。

ブルブルまくら アイルー
ブルブルまくら アイルー

ブルブルします。

最新記事

本日のニュース その2 (自動更新)