おーとえすとさいと

「おーとえす」が「サイト」を作ったり更新したりしてる時に思う事を書いていければ良いなと思います

*

ブログの人気記事ランキングを簡単に作成するサイトを作ってみた

   

ranking_maker_cap

人気記事ランキングめーかー」ってサイトを作ってみました。
WordPressや無料ブログサービスでも人気記事ランキングを表示できるサービスなら良いのですが、無料ブログの場合は人気記事を表示できるブログパーツってのは少ないです。そこで、今回ブログパーツではないですが、静的な人気記事ランキングをGoogle Analyticsのデータを元に簡単に作成できるサイトを作ってみました。

使い方

使い方はサイトにほとんど書いてあります。
多分、ここで改めて説明することはないんじゃないかな、と思うくらい分かりやすく説明文を書いたつもりです。
(じゃあなんでこんな章を作ったんだって感じですが。。w)

人気記事を表示するのは結構効果あると思います

人気記事って、例えばブログならそのブログの顔になる様なページの一覧ってことじゃないですか。
偶然ブログに来てくれた人に「こんな記事もどうぞ!」って言うには一番分かりやすい方法だと思います。ブログのファンになってくれるか否かは人気記事によって決まると言っても過言ではないかも。(過言かもw)

人気記事を表示するブログパーツを作らないの?

人によっては「常に最新の人気記事を表示してくれるブログパーツを作ってよ!」って思うかもしれません。
自分もそう思いますww

ですが、無料ブログだとサーバーがちゃっこくて、重いブログパーツを付けるとすぐ表示が重くなって駄目です。ですが、静的なコードなら大丈夫!
もしかしたら、Google Analyticsで動的に人気記事を表示する様なブログパーツも作れるのかもですけど、とにかく重いのが嫌いなので今回はやってません。
早いのは重要です、と自分は思ってます。

まあ、サイトによっては頻繁に人気記事を更新する必要もない場合も多いと思いますので。

作ったきっかけ

余談ですが、作ったきっかけはこれです。
【これはすごい】Googleアナリティクス連携 アクセス予測&曜日・時間別の平均値分析ツール(祝日自動判別) | Web担当者Forum

「おー! やっぱりGoogle Analytics の API でこういうことできるんだな!」って思って人気記事ランキングを作ってみました。

今後の予定

とりあえず形にはなったと思っているので、このあとRTの数とかはてぶの数を表示できるようにするとか、何か要望があったら実現してみようかなとか、とりあえずそんな感じです。
広告は、めっちゃアクセスがあったら貼るかもしれませんが、多分そんなことにはならないので大人しくしておきますw

あと、もうちょっと気のきいた名前にしたいかもww

デザインについて

今回、デザインはBootstrapベースのFlat-UIっていうフレームワークを使ってみました。
まあでも、デザインがどうこうってほど中身はないのでw

以上です!

ざっくりですが、そういう感じです。
もし「いいね!」って思ってもらえたら共有などしていただけると幸いです。
ご意見、ご感想、バグ報告などコメントにてお待ちしております!!


 - サイト

Comment

  1. ゆき より:

    すいません人気記事表示させたくて
    調べていてここに辿り着いたのですが
    ランキングメーカのの認証とデータ取得押しても何も反応がないのですが現在はもう使えないのでしょうか?
    それとも何かまちがっているのでしょうか。。

    • おーとえす より:

      >ゆきさん

      コメントありがとうございます!
      いえ、使えるはずです。
      認証を押したら、最初はgoogle analyticsが開いてなんか認証とかの画面になったりするはずです。

      自分の場合は既に認証済みなので、その画面は開きませんが、データ取得すれば自分のアカウントの情報が読みこまれるので、
      おそらく動くはずなのですが。。

      パソコンからでしょうか?
      もしかしたらブラウザによって、動いたり動かなかったりするかもしれません。
      少し試してみて、また駄目でしたら教えて下さい!

  2. 匿名 より:

    私もゆきさんと同じで
    firefoxでもChromeでもIEでもダメでした><

    • おーとえす より:

      >匿名さん
      ごめんなさい、やはり駄目なんですね。。
      ちょっとプログラムを見直して修正してみました。

      これでどうでしょうか?

Message

メールアドレスが公開されることはありません。

  関連記事

no image
見てたアニメを簡単に紹介できるサイトを作ってみた

こんにちは。 今回は、「見てたアニメ.com」というサイトを作ってみました。 ど …

no image
「人気記事ランキングめーかー」をバージョンアップしました!

こんにちは。 以前ブログの人気記事ランキングを簡単に作成するサイトを作ってみたで …