今回もChatGPTに協力してもらって、はてなブログのカスタマイズをしてみようと思います。
今回作りたいのは、はてなブログのアクセスランキング。50件くらい表示したい。
相談してみます。
はてなブログで、アクセスが多い記事を50件くらい表示することはできるでしょうか。
はてなブログでアクセスが多い記事を50件表示することは、標準機能だけでは直接は難しいですが、いくつかの方法で近いことは可能です。以下のような方法があります：
教えてもらった方法は、Google アナリティクスを使う、JavaScript＋APIで自動取得（上級者向け）など。
現状では標準機能だけで自動的に上位50件の記事を一覧表示することは不可能なんだそうです。
今回は Googleアナリティクス を使う方法を教えてもらうことにしました。
手順はこちら
流れとしては、Googleアナリティクスでアクセス数の多い記事のURLをとってきて、
<li><a href="URL" target="_blank" rel="noopener noreferrer">タイトル</a></li>
の形にしていくというもの。少ない数なら自分で作ったらいいのですが、数十個とかになると、さすがに大変…(;´Д｀) さっそくやっていきましょう。
Google アナリティクスにアクセス
はてなブログ用のプロパティを選択
左側にある「レポート」を選択
「エンゲージメント」→「ページとスクリーン」
「ページパスとスクリーンクラス」列に、アクセスの多い記事のURLが表示されます。
表示件数を、エクスポートしたい数に変更（私の場合はうまくできませんでした。笑）。
画面右上にある「共有」を選択。
「共有」→「ファイルをダウンロード」
「CSV」または「Googleスプレッドシート」としてダウンロード。
今回CSV形式でダウンロードしてみたところ、URLに日本語が多かったためか、文字化けしてしまいました。直す方法もあるようでしたが、ややこしいので、Google スプレッドシートでやり直し。
最初エラーになってしまったのですが、もう一回やってみたらできました。
あ、最近ね、アクセス数少ないんです。(=ﾟωﾟ)えへ。
次は、記事のURLを整えると…。
ふむ…。
そこに続けて、内容を貼ってくれたら、リンクリストの生成を手伝いますよ！と提案が！
それ乗った！！（笑）
快諾いただいたので、いざ貼り付け…
貼れない！！
忘れてましたが、私はログインなしの無料ユーザーなので、ファイルの貼り付けができません。
再度相談したところ、中身のコピー＆ペーストでよいと言ってもらいました。
至れり尽くせりで申し訳なくなってしまいますが、お言葉に甘えて続けます。
こんなことまで言ってもらってしまい、恐縮ですが…
そのまま指示にしたがい自分のブログのURLをお伝えし、コードを作ってもらいました。
更新するには…？
更新の手順は簡単にまとめるとこうなります
- アクセスが多い記事を確認（例えばGoolge アナリティクス）
- 必要な件数のURLパスをコピー(例：/entry/...)
- URLをフルパスに変換（例：https://...../emtry/...）
- リンクテキストを適切に整形
というか、まあ初回と同じことをすることになります。
あれ…一番最後、「ChatGPTに毎回HTML変換を依頼」って書いてある…！！
しかもその後も少しやりとりした結果、おすすめ度マックスと言われました。(=ﾟωﾟ)
うん、じゃあ、次もお願いさせてもらおう。
素晴らしい選択です！
「スプレッドシート＋ChatGPT」の方法は、簡単・柔軟・管理しやすく、あなたのように多くの記事を整理したい方にぴったりです。
無料ユーザーなのに、そんなやさしくしてもらって、なんかすみません…。
完成したページはこちら
これが簡単にできてしまった。
うーん。すごい。
ありがとうございますです。ほんとに。
今回はシンプルな形にしたかったので、こちらで終了しましたが、多分お願いすれば、見た目もアレンジしてもらえるんだと思います。
今後はサイドバーに表示できるようにしたいなとも思ったり。また気が向いたらやってみます。
それでは今回はこのへんで。(*'▽')/
