ついてブログデザインこんにちは。2018年6月23日に当ブログを開設し、2018年10月下旬からアドセンスを設置して約4ヶ月が経ちました。そんな当ブログですが、建国記念日である2019年2月11日に「関連コンテンツ」が利用可能になっていました。アドセンスの管理画面では利用可能になったという通知はありませんでした。シーナ」では試験的にアドセンスの「自動広告」を(なぜか動作するため)設置しているのですが、たまたま記事の確認のために見ていたところフッタの下に見慣れぬコンテンツが表示されており、それで「関連コンテンツ」が利用可能になっていることに気づけました。今回は2019年に「関連コンテンツ」が利用可能になったときのブログの状況と実際に手動で「はてなブログ」に設置するまでの手順をご紹介します。あなたの参考になれば幸いです。新しさブロックリスト優先コンテンツ自動広告の関連コンテンツについて関連コンテンツのカスタマイズについて終わりに関連記事です。はじめに画像は見やすさ優先でサイズはバラバラです。登録商標であり、同社の許可を得て使用しています。ヘルプには以下の記載があります。関連コンテンツは、特定の要件を満たすサイト運営者様のみご利用いただけます。ご利用になるには、サイトのトラフィック量とページ数が最低要件を満たしている必要があります。エクスペリエンスを提供する目的で定められています。ページで確認してください。出典:関連コンテンツ機能についてまた、以下のような記載もあります。ユニットには広告が表示されません。出典:関連コンテンツ機能についていつものことですが、はっきりとした条件は公開されていません。「関連コンテンツ」という言葉は、アドセンスを始めてから知りましたが、まさにブログっぽいデザインになるいう理由で漠然とした憧れがありました。条件」で検索したこともあります。すると大体記事数は100以上、アクセス数は1,000PV/日というものが2018年頃の解放条件として紹介されていました。この条件は2018年の年末にはクリアしていたため、いつ利用できるようになるのだろうかと2019年の年明けはドキドキしていました。利用可能になると通知があるというものや通知はないという情報もあり、ちょくちょく手動で確認していました。新規広告ユニットに「関連コンテンツ」は表示されません。いつしか忘れていたのですが、ふと気づけばサブブログで表示されていました。(結局、私の場合は通知はありませんでした。)当ブログでの解放時の状況について記事数(ページ数)について記事数は2019年2月10日で130になりました。サブブログ(2019年1月に開設)の記事数は2019年2月10日時点で20でした。サブブログは同一ドメイン「inside-shiina.com」のサブドメインで運用しています。アドセンスは同一のドメイン単位で利用可能になります。そのため記事数は130もしくは150が一つの基準だったように思います。サブドメインの利用については、以下の記事で少し紹介しています。outside.inside-shiina.comアクセス数(PV数、トラフィック量)について※はてなブログのアクセス解析より引用。当ブログのアクセス数は直近1ヶ月は約2,000PV/日オーバーで推移していました。それ以前も約1,500PV/日オーバーで推移していました。思いますが、関連コンテンツを設置した2019年2月11日(昼に設定)に初めて3,000PV/日を超えました。ちなみにサブブログは約10PV/日です。アドセンスの収益について当ブログでは、諭吉氏が漱石君※を数人連れて遊びに来てくれるぐらいです。サブブログは、まだ誰も遊びに来てくれる気配はありません。いうことで、記事数以外はサブブログの有無は関係なさそうです。===後日追記ここから===※英世君でした。昭和生まれということがバレますね。推奨である「記事下」に設置してみました。以下、記事下に配置した場合のPCで表示した時の状況です。一気に賑やかになりました。微妙にフッタとの間の空白が気になりました。それに記事下の場合、横幅は記事本文の幅になるため、PCで見ると表示も小さいです。スマホで見るとサイドバーの前に表示されるため、当ブログのデザイン構成ではごちゃごちゃしすぎているように感じてしまいました。そこで今度はフッタに配置してみました。以下、フッタに設置した場合のPCで表示した時の状況です。大きく表示されて、納まりもよく、よりブログっぽくなりました。スマホでも最後までスクロールしなければ表示されませんので、ごちゃつかなくなりました。推奨される設置場所は記事下かサイドバーですが、フッタに配置した方が、ブログの見やすさを優先したい私には合っているようです。本来の目的からは外れているかもしれませんし、効果も見込めないかもしれませんが、ひとまずこの配置で運用したいと思います。自分のブログがブログっぽいデザインになっただけで、十分満足しています。関連コンテンツの設定方法についてそれでは具体的な設定方法を紹介します。他の広告ユニットと同じで関連コンテンツの広告ユニットを作成します。新しい広告ユニットをクリックします。そこで「関連コンテンツ」を選択します。※ここに表示されていない場合は、まだ利用できません。「関連コンテンツ」を選択すると説明のウィザードが表示されます。ページビュー(PV)数が平均9%、サイト滞在時間が10%向上するようです。期待が高まったところで、「次へ進む」をクリックします。いえ、基本的にデフォルトのままで問題ないと思います。当ブログの下に表示されている関連コンテンツはデフォルト設定のままです。設定できるのは、広告オプション、スタイル、サイズ、広告ユニット名です。広告オプション「広告で収益化」の有効無効を設定します。デフォルトで有効になっていました。スタイル記事タイトルのフォント、文字色、背景の色を設定できます。当ブログはデフォルトのままです。サイズデフォルトで「レスポンシブ」が選択されています。自動的にサイズを調整してくれるレスポンシブから変更する必要はないと思います。広告ユニット名レポートを確認する時に判別できるように「広告ユニット名」に分かり易い名前を付けて、「保存してコードを取得」をクリックします。すると設置場所のヒントと関連コンテンツのコードが表示されます。コードスニペットをコピーして、右下の「作業完了」をクリックします。はてなブログへの設置(コピペ)Pointコードをコピペする前にすでに追加しているコードのバックアップ(どこかにコピペ)を取っておくことをお勧めします。後は、他の広告ユニットと同様に「はてなブログ」の「記事下」や「サイドバー」、「フッタ」にコピーしたコード部分はそのままコピペします。(コメントや改行は適時入れてください。)当ブログでは「フッタ」にコピペしています。フッタのコピーライト表記の上に表示されるようにコピーライトの上にコードをコピペし、[変更を保存する]をクリックして確定します。以上で設定は完了ですが、さらに細かく関連コンテンツを制御することもできます。コンテンツが一致をクリックします。「関連コンテンツのサイト設定」が表示されます。設定できるのは、新しさ、ブロックリスト、優先コンテンツの3つです。新しさ「期間指定なし」もしくは「新しい順」を選択できます。デフォルトは「期間指定なし」です。ブロックリスト関連コンテンツに表示したくない個々のページやサブドメイン、セクションを制御できます。サブドメインでは親ドメインの記事が関連コンテンツに表示されます。関連が無い内容のブログの場合は表示されないようにした方がよいですね。優先コンテンツ特に表示したい記事を指定できます。これらのカスタマイズは上級者向けかと思います。基本的にデフォルトのままでよいと思います。自動広告の関連コンテンツについて自動広告を設定すると関連コンテンツも利用できます。先人の方々の情報を検索した限りでは、関連コンテンツが解放されていない場合でも(広告ユニットに表示されていなくても)関連コンテンツを表示(利用)できるとありました。当ブログでは自動広告自体が動作しないため私は未確認です。(実際はある程度の記事数がないと表示されないと思います。)サブブログでは自動広告が動作するため関連コンテンツが利用できるようになったことが分かったのですが、自動広告の関連コンテンツには制限があります。これは、フッタの下(ブログの一番下のさらに下)で固定されています。スマホのみでPCでは表示されません。シーナ」を見ていただければ分かりますよ(笑))(※現在は、自動広告の関連コンテンツを止めて手動で配置しています。)このような制限はありますが、関連コンテンツを利用したい場合は、自動広告を利用してみてもよいかもしれません。自動広告で表示する広告を「関連コンテンツ」だけ有効にすれば、意図しない場所に広告が表示されることもありません。表示場所を自分で選びたい場合は、自動広告の関連コンテンツはオフにして、手動で設定した方がよいですね。以下の関連コンテンツのカスタマイズについてを後日追記しました。関連コンテンツのカスタマイズについて当初、デフォルトのまま運用したのですが、関連コンテンツに表示される記事同士の境が無いことがいまいちに感じたため、以下の公式ヘルプを参考にカード型にしてみました。support.google.comデフォルトのコードに追加したのは以下の3行です。data-matched-content-rows-num="8,2"data-matched-content-columns-num="1,4"data-matched-content-ui-type="image_card_sidebyside,image_card_stacked"最初は最後の「data-matched-content-ui-type」だけを追加したのですが、そうすると関連コンテンツ自体が表示されなくなりました。そのため3行とも追加しています。最終的に「はてなブログ」のフッタにコピペしたコードは以下になります。[]).push({});</script>赤字部分はあなた固有の英数字に変更してください。公式ヘルプの記述例のままですが、AdSenseの管理サイトで生成されるコードとはパラメータの記述順が異なっています。単純に最後(</ins>の前)に追記すると関連コンテンツが表示されませんでした。以下は、関連コンテンツを設置した後のブログの状況です。シーナ終わりにあなたの参考になれば幸いです。