GA4から取得したデータをmicroCMSに送信して、人気記事ランキングを実装する
Next.jsとmicroCMSで作ったサイトに、GA4の表示回数をもとにした人気記事ランキングを表示します。Google Cloudのサービスアカウントの準備から、microCMSへの送信、Vercel Cron Jobsでの定期実行、ページへの出力までを解説します。
#Vercel の記事
4件の記事
2024年 4件
Next.jsのサイトでSearch Consoleのインデックス登録をリクエストできなかった原因と対処
Next.js（App Router）のサイトで、Google Search Consoleのインデックス登録のリクエストが500番台のエラーになりました。原因は、useSearchParamsを使うコンポーネントをSuspenseで囲んでいなかったことでした。調べた手順と修正方法をまとめます。
Google Search Consoleの初回設定手順
Google Search Consoleは、プロパティを追加してサイトの所有権を確認すると使い始められます。プロパティ タイプの選び方、DNSレコードやHTMLタグでの確認方法、サイトマップの送信までを解説します。
microCMSのコンテンツを更新したときにVercelで自動デプロイをする
VercelのDeploy Hooksで作ったURLをmicroCMSのWebhookに登録すると、コンテンツを更新したときに自動でデプロイできます。設定の手順を説明します。