Googleアナリティクスから人気ページランキングを取得して配置する方法
はじめに Rankletというサービスを使うと、Googleアナリティクスから人気ページランキングを取得して簡単に配置できます。 この記事ではHUGOブログに配置する方法をご紹介します。 動作イメージ 準備 サイトにGoogleアナリティクスを設定していること 手順 Rankletにアクセスする Sign in with GoogleをクリックしてGoogleアカウントでログインする（Googleアナリティクスのアカウントと紐づけられていること） 許可をクリック 基本情報を設定する 上記のように設定しました。 Google Analytics ビューではランキングを取得したいビューを選択します。 テキストの置換を設定する 上記のように設定しました。 ページタイトルの | kenji.blogを削除するために設定しています。 テンプレートを設定する HTML(ランキングの数字を非表示にしました) <div class="ranklet ranklet-reset"> <table class="ranklet-table"> <tbody class="ranklet-pages"> {{#context.pages}} <tr class="ranklet-page"> <td class="ranklet-image"> {{#image}} <a href="{{url}}" class="ranklet-link"> <img class="ranklet-img" src="{{image}}" /> </a> {{/image}} </td> <td class="ranklet-meta"> <div class="ranklet-title"> <a href="{{url}}" class="ranklet-link"> {{title}} </a> </div> {{#description}} <div class="ranklet-description"> <a href="{{url}}" class="ranklet-link"> {{description}} </a> </div> {{/description}} </td> </tr> {{/context....