アメブロで人気記事ページランキングを作成する -2ページ目

アメブロで人気記事ページランキングを作成する

アメブロで人気記事ランキングを表示する方法。
ブログデザインに合ったランキングを作成したい!

アメブロの管理画面から

プラグインの追加 → フリープラグインを選択します。

次の一文をフリープラグインに追加してください。
<!--人気ページランキング-->
<script src="http://******/tools/blog_ranking/good1technology_ranking.js"></script>

http://~の部分は
アナリティクスからページビュー情報取得する。で作成したファイルを指定してください。

どのファイルのアドレスが分からない場合は、

さくらサーバーのコントロールパネルから
ファイルマネージャー
表示したい***.jsを選択し



右クリック→webページとして開くをクリック。


するとファイルのURLが表示されるので、このアドレスで書き換えてください。


フリープラグインへコードの追記したら、必ずフリープラグインを保存ボタンを押して保存してください。


次に、フリープラグインとフリースペースをブログに追加します。

アメブロ管理画面から、配置設定をクリック。


使用しない機能から、使用する機能へ移動してください。

移動が終わったら、保存ボタンを押します。


目次に戻る。


サーバーにプログラムコードの設置が終わったら、正常に動くかどうかテストしてみましょう。

さくらサーバーコントロールパネルへログイン
https://secure.sakura.ad.jp/rscontrol/


コントロールパネルからファイルマネージャーをクリック



作製した、実行ファイルを右クリック



webページとして開くとプログラムが実行されます。


ブラウザが別ページで開くので確認します。
図のように、記事タイトルが表示されていればokです。



さくらサーバーのファイルマネージャーに戻り、ブラウザの再読み込みで画面を更新します。

***.jsファイルが作成されていればokです確認します。



次回は、ブログからこのファイルを読み込む設定をします。

目次へ戻る。










さくらサーバーの登録が済んだら

サーバー上でプログラムが動かせるように設定していきます。

https://secure.sakura.ad.jp/rscontrol/

から、サーバーコントロールパネルにログインします。

アプリケーションの設定から [PHPのバージョン選択]をクリック

新しいバージョンのプルダウンメニューから[PHP 5.2.17]を選択してください。
:次記事で紹介するプログラムコードは他のバージョンを選ぶと動きません。


続いて

アプリケーションの設定から [PHP設定の編集]をクリックし

下記の設定を記述し、[保存する]ボタンを押して保存します。

output_buffering = Off
mbstring.language = Japanese
mbstring.encoding_translation = off
mbstring.http_input = pass
mbstring.http_output = pass
mbstring.internal_encoding = UTF-8
mbstring.substitute_character = none
mbstring.detect_order = SJIS,EUC-JP,JIS,UTF-8,ASCII

次回は、実際にコードを紹介します。


もし何かわからないことがあれば、コメントやメッセージをください。
(いただいた質問に答えることで、私自身もスキルアップできますので。)




人気ページランキングをブログパーツとして表示するために。

そのページが何人に見られたか集計する必要があります。

アメブロのアクセス解析があるじゃん と思われるかもしれませんが、

残念ながらそのデータを取得するスベがありません。

なので、googleアカウントを取得まずは取得し。無料です。

googleアナリティクスと言う、アクセス解析サービスに申し込みます。
もちろん無料。

googleアナリティクスからアクセス情報(ページビュー数)を取得し加工して、ブログに表示します。

なので、googleアカウントを持っていない人は、まずはアカウント取得が必要です。

アカウント取得の参考サイト。

http://www.ajaxtower.jp/googleaccount/