目次
WordPressで人気記事ランキングを表示する方法
WordPressプラグインを使って人気記事ランキングを表示するメジャーな方法は2とおりです。
方法1.WordPressプラグイン「WordPress Popular Posts」
- 人気記事表示プラグインでは最も有名
- デフォルト設定はデータベースに毎回アクセスするため、特にアクセスが大きいサイトでは動作重くなりやすい
詳細：WordPress に人気記事を表示するプラグイン WordPress Popular Posts
方法2.WordPressプラグイン「Simple GA Ranking」（今回紹介）
- Googleアナリティクスから取得
- 動画が軽い
WordPressプラグイン「Simple GA Ranking」
Googleアナリティクスからデータ取得し人気記事ランキングを表示
「Simple GA Ranking」は、無料高機能アクセス解析ツール「Googleアナリティクス」からデータを取得し人気記事ランキングを表示できるWordPressプラグインです。
事前にGoogleアナリティクスを導入していることが前提となります。
外部参考サイト：WordPressサイトに「Googleアナリティクス」を導入する方法【図解】
人気ランキング表示方法3通り
Simple GA Rankingで人気ランキング表示させる方法は大きくわけて3とおりです。
- ウィジェット追加
- ショートコードで表示
- テンプレートに関数記載
WordPressプラグイン「Simple GA Ranking」のインストール
- WordPress管理画面「プラグイン」＞「新規追加」>「Simple GA Ranking」で検索 >「今すぐインストール」>「有効化」します。
WordPressプラグイン「Simple GA Ranking」の設定方法
手順1. 設定メニューにアクセス
- 管理画面の上にメッセージが表示されるので、「setting panel」をクリックします。
Simple GA Ranking is available OAuth2 authorization. Please set on setting panel. ClientLogin is no longer available. Please see this link
- 「Google API Console」をクリックします。
- 利用規約にチェックを入れ、「承諾」をクリックします。
利用規約承諾
手順2. プロジェクト作成
- 「プロジェクトを作成」をクリックします。
プロジェクト作成
- 「プロジェクト名」を入力し「作成」をクリックします。
プロジェクト名の入力
手順3. Analytics APIを有効化
- 上のメニューから「APIとサービス」>「ライブラリ」を選択します。
- 「Aanalytics API」と検索し、「Analytics API」を選択します。
- 「有効にする」をクリックします。
手順4. 「クライアント ID」と「クライアント シークレット」を取得
- メニューから「APIとサービス」> 「認証情報」開きます。
- 「OAuth 同意画面」タブを選択し、以下項目を入力し「保存」をクリックします。
・アプリケーション名：任意のアプリケーション名
・承認済みドメイン：ドメイン名入力 - 「認証情報を作成」>「OAuth クライアント ID」クリックします。
- OAuth クライアント ID の作成で以下を設定し、「作成」をクリックします。
・アプリケーションの種類：「ウェブ アプリケーション」を選択
・承認済みの JavaScript 生成元：WebサイトのURL
・承認済みのリダイレクト URI：「Google Analytics設定」の「コールバックURL」 - 「クライアント ID」と「クライアント シークレット」を取得します。
「クライアント ID」と「クライアント シークレット」取得
- WordPressのGoogle Analytics設定画面に戻り、「クライアント ID」と「クライアント シークレット」を入力し「トークンを取得」をクリックします。
- Googleアカウントを選択し、「許可」をクリックします。「トークンの取得に成功しました」を表示されればOKです。
- 「サイトの設定」でサイトを選択し「OK」をクリックします。以上で設定完了です。
3通りの表示方法
ウィジェット追加
- WordPress管理メニュー「外観」 >「 ウィジェット」を開く
- 「Simple GA Ranking」を好きな場所に設置する
ショートコードで表示
ショートコード で好きな場所に表示できます。
テンプレートに関数記載
テンプレートに関数を記載する方法です。
