スポンサーサイト

 

--.--.--

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
ブログランキングに参加中♪
良かったらポチっとお願いします
にほんブログ村 IT技術ブログ Webサイト構築へ
B!
-------- | スポンサー広告 | | | このページのトップへ

http://interest2014.blog.fc2.com/tb.php/45-4c49480d

「スポンサーサイト」へのトラックバック

- TrackBack -


「スポンサーサイト」へのコメント

- Comment -

No title

私も人気記事ランキングを作ろうと先日やってみたのですが、、、広告が出るのとランク1位がトップページっていうのが納得できなくて断念しました(-.-)お題を自動表示してくれるのはいいなと思いました(*´▽`*)
  • 2014-10-29 20:06
  • ひーさんさん@管理人
  • 編集

Re: No title

> ひーさんさん

そーなんですよね...

広告が出るのが私もどうかなーって思うとこなんですよ...
なので、とりあえずは試験的に表示してみてるって感じですね♪

あと、ランキングに表示して欲しくないページは除外設定してしまうって手もありますw
  • 2014-10-29 20:16
  • あると♪さん@管理人
  • 編集

いいですねー♪

私もこの設定やりたいな~・・・と、思う反面、

トップになるのが、

『チージーポケット記事』だと分かっているので、断念します(笑)

8・9月とチージーポケットの検索ヒット数がダントツだったので、おそらくピザ記事がトップになり、

それはなんか悲しいですからね・・・ダイエットブログなのに(笑)


コメントありがとうございます♪

今のご時世が、確かに昔ほど治安が良くないのもありますが、

過剰に警戒されても、こちらも嫌ですよね(笑)

でも、私もあまり後ろから一定の距離を保って歩かれたら、

確かに嫌だな(笑)

アイス太らない説・・・裏取りが出来たら教えて下さい(笑)

そしたら、いつでも心行くまでアイスを食べれるので(爆)
  • 2014-10-30 00:51
  • らいふさん@管理人
  • 編集

Re: いいですねー♪

> らいふさん

コメントありがとうございます♪^^

ランキングについては集計期間を4タイプから選べて、
私の場合、直近の1週間で集計してるので週間ランキングって感じですね♪

らいふさんのブログは確かにダイエットブログだけど、いつも美味しそうな食べ物が...w
でも、そんなとこが“らいふさんらしい”ブログで面白かったりw
『チージーポケット記事』探して読んでみますね^^

また、アイスは太らないって話はちょっと調べてみたら、
確かに太りにくい時間帯や、種類があるみたいでしたw

でも、心行くまで食べるのはダメみたいでした...w
何事も控えめってのが大事みたいです...^^;
  • 2014-10-30 08:37
  • あると♪さん@管理人
  • 編集

No title

おはようございます。

コメントありがとうございます。

あると♪さんも3児のパパなんですね(^^)それは私も親近感感じますねー。今後ともよろしくです。

しかしあると♪さんのブログ何度見てもかっこいいですね(^^)

しかも一つ一つの記事のクオリティがめっちゃ高い(゜_゜>)

私のブログなんて初心者丸出しみたいな感じです(^_^;)

今後もあると♪さんのブログを参考に少しずつブログデザインにもこだわっていきたいなと思ってます。

では応援ポチっと。また来ます(^^)



  • 2014-10-30 09:20
  • じゅんぴーAさん@管理人
  • 編集

Re: No title

> じゅんぴーAさん

おはようございます^^
そうなんです♪
ウチは三姉妹で女の子ばっかりですけどw
こちらこそ宜しくです^^

また、ブログをお褒め頂きありがとうございます^^
今後も少しずつステップアップ出来るよう頑張りますっ!!w

応援もポチっとして頂き感謝感激ですw
私もまた じゅんぴーAさんのブログに立ち寄らせて頂きますね^^
  • 2014-10-30 09:49
  • あると♪さん@管理人
  • 編集

No title

あると♪さん お世話になっております。

記事の濃さに感服いたします^^;

ランキングとアクセスはやはりブログを運営していると避けては通れない道のような気がします。

また勉強に立ち寄らせていただきますね^^

「応援ポチ」して失礼いたしますね!
  • 2014-10-30 20:13
  • T.Oさん@管理人
  • 編集

Re: No title

> T.Oさん

こちらこそ、いつもお世話になってます♪

確かにランキングやアクセスって気にしちゃいますよねw
また、いつでもお立ち寄り下さい♪

それと応援もポチっとしていただきありがとうございます^^
  • 2014-10-30 21:48
  • あると♪さん@管理人
  • 編集

No title

あると♪さんコメントありがとうございます。

100PVはみなさんのおかげです。

どんなブログがいいブログなのかこれからも研究しながら頑張っていきたいと思います。

あると♪さんのとこは3姉妹ですか(^_^;)うちは上二人が女の子(小5・小1)で末っ子が男の子(4歳)です。

これから3人も育てていけるのか不安でいっぱいですけど(^_^;)
お互い頑張りましょう。

私も応援ポチしました(^o^)

  • 2014-10-31 16:44
  • じゅんぴーAさん@管理人
  • 編集

人気ランキング

あると♪さん
いつもお世話になってます。昨日はやる事がありまして、あると♪さんの記事読んじゃうと、つい、興味深くて時間がたってしまうので、何度か来たのですが
いかんと思い、昨日は断念しました。笑
人気ランキングボタンは興味深いですねぇ。
ブログならではでしょうか・・・
色々ボタンを付けて、色々な記事にアクセスしやすくなる事は良い事ですよね。
今年中にボタン付けられるかなぁ・・・不安
  • 2014-12-11 03:06
  • girigiri26さん@管理人
  • 編集

Re: 人気ランキング

> girigiri26さん

いつもありがとうございます♪w

人気ランキングを表示する事で、文字通り人気の記事を紹介する事が出来るのと
過去記事も読んでもらいやすくなるってメリットがあるので良いと思います♪d(≧∀≦)b

あと、リンクをボタンっぽくするとクリックしてもらえる
確立があがるそうですよ♪( ̄ε ̄〃)b

是非チャレンジしてみて下さい^^
  • 2014-12-11 15:19
  • あると♪さん@管理人
  • 編集

No title

初めてコメントします。

人気記事ランキングを自分のブログにつけたくて

いろいろ探しまわってたんですが…

自分頭が悪くて理解できず心が折れそうな時に

この記事を見つけて無事設置する事が出来ました。

ありがとうございます。


本当に、凄くわかりやすかったので、あんまりアクセスはないですが

自分のブログでもこの記事紹介させて頂きます。

本当に、ありがとうございました。
  • 2014-12-26 06:07
  • wa@管理人
  • 編集

コメントの投稿

- Post a Comment -










管理者にだけ表示を許可する

※コメントを投稿する際に、任意の編集用パスワードを設定することで投稿後にコメントの修正・削除が可能になります。

ブログ内の人気記事ランキングを表示

 

2014.10.29

ACR WEB アクセス数順での記事ページランキングを表示

ブログ内の人気記事ランキングと言っても、何を基準にランキングを付けるかによって方法は異なるのですが、今回は無料のCGIレンタル「ACR WEB」のページランキングを使って簡単にアクセス数順でのランキングを表示してみました。
このブログでは、そのランキングを右のサイドメニュー下部に設置しており、各記事ページでは、ある程度スクロールすると「ページの目次」と一緒に固定表示されるようにちょこっと工夫してます♪

ACR WEB - CGIレンタルサービス・ブログパーツなど



【ACR WEBのページランキング】


  1. 1.ページランキングの新規登録
  2. 2.ログインして各種設定をする
  3. 3.タグをブログ内に貼り付ける



1.ページランキングの新規登録


まずは「ACR WEB」のトップページ左上にある「ページランキング」をクリックして「ページランキング新規登録」の項目を入力します。

「ACR WEB」のページランキングをクリック

「ページランキング新規登録」を行うと、登録したメールアドレス宛にすぐメールが届き、そのメール内に管理画面のURL等が記載されてます。
※すぐにメールが届かない場合は、迷惑メールフォルダ等を確認してみて下さい。




2.ログインして各種設定をする


上記の手順で届いたメールから、管理画面にログインして各種設定を行います。
※ここからはこのブログでの設定になるので、各項目の詳しい説明は「マニュアル 」をご確認下さい。

まず、管理画面にログインすると右の画像のような画面になり、ここで「環境設定」を行います。 パッと見だと設定項目が多く面倒に思うかもですが、大まかに言うと表示する色と横幅を設定するだけで大体OK

このブログでは以下の項目を初期状態から変更しました。

【タイトルサイズ】 変更前:空白 → 変更後:0 (非表示)
【奇数順位背景色】 変更前:#AAEEAA → 変更後:#333333
【偶数順位背景色】 変更前:#CCFFCC → 変更後:#3c3c3c
【表ライン色】 変更前:#44AA44 → 変更後:#222222
【項目名最大長さ】 変更前:空白 → 変更後:0(全て表示)
【表全体の幅】 変更前:空白 → 変更後:234px
【順位部分の幅】 変更前:空白 → 変更後:15px
【アクセス数部分の幅】 変更前:空白 → 変更後:0 (非表示)
【TOPページに○位まで表示】 変更前:10位 → 変更後:6位


変更箇所の補足
タイトルは後の手順の「プラグイン名」で表示するので、ここのタイトルは非表示にする為に【タイトルサイズ】の項目に“0”を入力してます。
※タイトルが非表示なら、タイトルの背景色と文字色は変更無しでもOK

【表全体の幅】はサイドメニューの幅に合わせて「234px」としてます。 空白だとテキストの長さに合わせて表の横幅が広がるようなので、ここは表示位置に合わせて調整した方が良いと思います。

【TOPページに○位まで表示】の部分は初期状態の10位まで表示にしようか悩んだけど... 各記事ページで「このページの目次」と一緒にサイドメニューに固定表示にしたくて、ちょっと削って中途半端な “6位” まで表示にしました...w(どうしても気になったら後々また変更します...

以上、「環境設定」への入力が完了したら、そのページの下部にある「送信する」をクリックします。
※「環境設定」は後で何度でも変更出来るので、最初は “とりあえずこんな感じかな?” でOKですw





2-1.「タイトル自動設定」


「管理画面」のページ上部には、各種設定をする為にボタンがいくつもありますが全てに何かしら設定が必要って訳じゃないので、次は「置換設定」と「除外設定」を飛ばし「タイトル自動設定」を行います。

これをやっておかないと、ランキング表示がページのタイトルでは無く、URLで表示されてしまいます。

URLでの表示では無く、ページのタイトル名で表示する為には「置換設定」または、この「タイトル自動設定」が必要になるのですが「置換設定」だと1件ずつ登録する事になり手間なので「タイトル自動設定」からやっちゃいます。(表示するページタイトルを個別に設定する場合などは「置換設定」で行う)

ここでワンポイント
「タイトル自動設定」はRSSを読み取って、処理を行うのでFC2ブログの場合「管理画面」の「環境設定」から「ブログの設定」をクリックして下記の画像のように “RSSの設定” の件数を先に増やしておいてから「タイトル自動設定」を行うと、一気にページタイトルを取得出来るので手っ取り早いです。

FC2ブログ「RSSの設定」
このブログの場合、記事の総数が50件も無いけど... とりあえずキリよく50件にしましたw


上記の設定を行ったら、「ACR WEB」の管理画面から「タイトル自動設定」をクリックします。
すると以下のような画面になるので「RSSファイルのURL」を記入します。

RSSファイルのURLには、このブログの場合「http://interest2014.blog.fc2.com/?xml」と記入
「 ブログのURL + ?xml 」(このURLは上記のFC2ブログの「RSSの設定」部分でも確認出来ます。)

その他のブログの場合は管理画面等で確認して下さい^^; (URL + 「.rss」「.rdf」「.xml」等)

「タイトル自動設定」の初期状態


上記の通り「RSSファイルのURL」を記入して「設定」をクリックすると、以下の画像のようにタイトル反映処理が行われます。(このブログの場合、この1発で全ての記事ページのタイトルを取得w)

「RSSファイルのURL」を記入して「設定」をクリック
※全て載せるとすごく縦長の画像になるので途中で切って、省略してますw

以上の手順が完了したら、ページ上部の「ランキングの手動更新」をクリックします。
すると「更新作業が終了しました」と表示されるので、これで表示結果に反映されるようになります。

また、記事ページ以外のトップページやカテゴリページ、全記事一覧ページ等もページタイトルで表示する場合は、個別に「置換設定」で設定すればOKです♪

上記の手順で大部分のページはタイトル名で表示されるようになってると思うので、必要に応じてちょっとだけ個別に設定すれば良いと思います♪




3.タグをブログ内に貼り付ける


ページランキングの表示位置によって、タグの貼り付け場所は異なるのですが、このブログではFC2ブログの公式プラグイン追加で「フリーエリア」を新たに追加し、その中にタグを貼り付けました。

まずは上記の説明の通り、新しく「フリーエリア」のプラグインを用意しておきます。
そして「ACR WEB」の管理画面からページ上部にある「タグ取得」をクリックします。
すると以下のような画面になるので、その中の「ランキング表示用タグ」をまずはコピーして、プラグインの「フリーエリア」に貼り付けます。

次に「カウント取得用タグ」ですが、このタグを貼り付けた位置には小さい「ACR WEB」のバナーが表示されます。また、貼り付け位置は全てのページで共通して表示される部分ならどこでもOKなので、ランキングの表示位置とは別のプラグインや、ブログのフッター(ブログの最下部)等でもOKです。

※以下の画像では「ランキング対象となるページ全てに貼り付ける」と記載されてますが、全てのページで共通して表示される部分に貼り付ける場合は、一箇所にタグを貼り付ければOKです。


このブログでは、とりあえずランキングのすぐ下に貼り付けました。(後々変更するかもです...w)

ページランキングの「タグ取得」


このブログでは、上記の通り「フリーエリア」にそれぞれのタグを貼り付け、さらに「ランキング表示用タグ」を以下のように「<div class="popular"> ~ </div>」で囲いました。
そして「スタイルシート編集」に「div.popular table td{padding:2px 5px}」の1行を追加してます

※ランキング表示の際に表の中に余白が無く、枠線にページタイトルがくっ付いてる感じが嫌だったので、スタイルシートで少し余白を取ってます。(まぁここはお好みでって感じですねw)


「フリーエリア」にタグを貼り付けた後
※HTMLの部分を分かりやすく改行してます。
※表の余白を調整する必要が無い場合は「<div class="popular">」と「</div>」は必要ないです。

以上の状態で「フリーエリア」の「設定」をクリックし保存したら設定は完了です。
あとは実際の表示を確認して微調整を行えばOKだと思います♪

※アクセス数でのランキングなので、設定直後はアクセスが無く正常にページランキングが表示されず “PR(広告)” 部分だけが表示されたりします。


※ページランキングの表は、約60分置きに自動で更新されアクセス数順に並び替えがされます。
また「LastUpdate」の日時には、その更新された日時もしくは手動で更新した日時が表示されます。


※「ACR WEB」のページランキングの説明にもありますが「アクセス解析とは違う方法でカウント」との事なので、実際のアクセス数とランキングの表示が異なる場合があるようです。



以上、ブログ内の人気記事ランキングを表示する方法でした♪
ブログランキングに参加中♪
良かったらポチっとお願いします
にほんブログ村 IT技術ブログ Webサイト構築へ
B!


関連記事
2014-10-29 | その他 | コメント(12) | トラックバック(0) | このページのトップへ

http://interest2014.blog.fc2.com/tb.php/45-4c49480d

「ブログ内の人気記事ランキングを表示」へのトラックバック

- TrackBack -


「ブログ内の人気記事ランキングを表示」へのコメント

- Comment -

No title

私も人気記事ランキングを作ろうと先日やってみたのですが、、、広告が出るのとランク1位がトップページっていうのが納得できなくて断念しました(-.-)お題を自動表示してくれるのはいいなと思いました(*´▽`*)
  • 2014-10-29 20:06
  • ひーさんさん@管理人
  • 編集

Re: No title

> ひーさんさん

そーなんですよね...

広告が出るのが私もどうかなーって思うとこなんですよ...
なので、とりあえずは試験的に表示してみてるって感じですね♪

あと、ランキングに表示して欲しくないページは除外設定してしまうって手もありますw
  • 2014-10-29 20:16
  • あると♪さん@管理人
  • 編集

いいですねー♪

私もこの設定やりたいな~・・・と、思う反面、

トップになるのが、

『チージーポケット記事』だと分かっているので、断念します(笑)

8・9月とチージーポケットの検索ヒット数がダントツだったので、おそらくピザ記事がトップになり、

それはなんか悲しいですからね・・・ダイエットブログなのに(笑)


コメントありがとうございます♪

今のご時世が、確かに昔ほど治安が良くないのもありますが、

過剰に警戒されても、こちらも嫌ですよね(笑)

でも、私もあまり後ろから一定の距離を保って歩かれたら、

確かに嫌だな(笑)

アイス太らない説・・・裏取りが出来たら教えて下さい(笑)

そしたら、いつでも心行くまでアイスを食べれるので(爆)
  • 2014-10-30 00:51
  • らいふさん@管理人
  • 編集

Re: いいですねー♪

> らいふさん

コメントありがとうございます♪^^

ランキングについては集計期間を4タイプから選べて、
私の場合、直近の1週間で集計してるので週間ランキングって感じですね♪

らいふさんのブログは確かにダイエットブログだけど、いつも美味しそうな食べ物が...w
でも、そんなとこが“らいふさんらしい”ブログで面白かったりw
『チージーポケット記事』探して読んでみますね^^

また、アイスは太らないって話はちょっと調べてみたら、
確かに太りにくい時間帯や、種類があるみたいでしたw

でも、心行くまで食べるのはダメみたいでした...w
何事も控えめってのが大事みたいです...^^;
  • 2014-10-30 08:37
  • あると♪さん@管理人
  • 編集

No title

おはようございます。

コメントありがとうございます。

あると♪さんも3児のパパなんですね(^^)それは私も親近感感じますねー。今後ともよろしくです。

しかしあると♪さんのブログ何度見てもかっこいいですね(^^)

しかも一つ一つの記事のクオリティがめっちゃ高い(゜_゜>)

私のブログなんて初心者丸出しみたいな感じです(^_^;)

今後もあると♪さんのブログを参考に少しずつブログデザインにもこだわっていきたいなと思ってます。

では応援ポチっと。また来ます(^^)



  • 2014-10-30 09:20
  • じゅんぴーAさん@管理人
  • 編集

Re: No title

> じゅんぴーAさん

おはようございます^^
そうなんです♪
ウチは三姉妹で女の子ばっかりですけどw
こちらこそ宜しくです^^

また、ブログをお褒め頂きありがとうございます^^
今後も少しずつステップアップ出来るよう頑張りますっ!!w

応援もポチっとして頂き感謝感激ですw
私もまた じゅんぴーAさんのブログに立ち寄らせて頂きますね^^
  • 2014-10-30 09:49
  • あると♪さん@管理人
  • 編集

No title

あると♪さん お世話になっております。

記事の濃さに感服いたします^^;

ランキングとアクセスはやはりブログを運営していると避けては通れない道のような気がします。

また勉強に立ち寄らせていただきますね^^

「応援ポチ」して失礼いたしますね!
  • 2014-10-30 20:13
  • T.Oさん@管理人
  • 編集

Re: No title

> T.Oさん

こちらこそ、いつもお世話になってます♪

確かにランキングやアクセスって気にしちゃいますよねw
また、いつでもお立ち寄り下さい♪

それと応援もポチっとしていただきありがとうございます^^
  • 2014-10-30 21:48
  • あると♪さん@管理人
  • 編集

No title

あると♪さんコメントありがとうございます。

100PVはみなさんのおかげです。

どんなブログがいいブログなのかこれからも研究しながら頑張っていきたいと思います。

あると♪さんのとこは3姉妹ですか(^_^;)うちは上二人が女の子(小5・小1)で末っ子が男の子(4歳)です。

これから3人も育てていけるのか不安でいっぱいですけど(^_^;)
お互い頑張りましょう。

私も応援ポチしました(^o^)

  • 2014-10-31 16:44
  • じゅんぴーAさん@管理人
  • 編集

人気ランキング

あると♪さん
いつもお世話になってます。昨日はやる事がありまして、あると♪さんの記事読んじゃうと、つい、興味深くて時間がたってしまうので、何度か来たのですが
いかんと思い、昨日は断念しました。笑
人気ランキングボタンは興味深いですねぇ。
ブログならではでしょうか・・・
色々ボタンを付けて、色々な記事にアクセスしやすくなる事は良い事ですよね。
今年中にボタン付けられるかなぁ・・・不安
  • 2014-12-11 03:06
  • girigiri26さん@管理人
  • 編集

Re: 人気ランキング

> girigiri26さん

いつもありがとうございます♪w

人気ランキングを表示する事で、文字通り人気の記事を紹介する事が出来るのと
過去記事も読んでもらいやすくなるってメリットがあるので良いと思います♪d(≧∀≦)b

あと、リンクをボタンっぽくするとクリックしてもらえる
確立があがるそうですよ♪( ̄ε ̄〃)b

是非チャレンジしてみて下さい^^
  • 2014-12-11 15:19
  • あると♪さん@管理人
  • 編集

No title

初めてコメントします。

人気記事ランキングを自分のブログにつけたくて

いろいろ探しまわってたんですが…

自分頭が悪くて理解できず心が折れそうな時に

この記事を見つけて無事設置する事が出来ました。

ありがとうございます。


本当に、凄くわかりやすかったので、あんまりアクセスはないですが

自分のブログでもこの記事紹介させて頂きます。

本当に、ありがとうございました。
  • 2014-12-26 06:07
  • wa@管理人
  • 編集

コメントの投稿

- Post a Comment -










管理者にだけ表示を許可する

※コメントを投稿する際に、任意の編集用パスワードを設定することで投稿後にコメントの修正・削除が可能になります。

▼クリックすると配色が変更されます  
このボタンの設置方法は こちら♪

White
Black

プロフィールClick

プロフィール画像

Author:あると♪
ブログ開始: 日目
公開記事数:

Webサイト製作の勉強にと思ってブログのカスタマイズに挑戦してる初心者です♪その他にも気になった事、興味がある事などを気ままに書いてますっ!!

当ブログのご案内は こちら♪

最新記事Click

最新コメントClick

カテゴリClick

月別アーカイブClick

アクセスカウンターClick

設置日
2014.11.19

スポンサーリンクClick

このページの目次Click

人気ランキングClick

ブログパーツ

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。