アドセンス【関連コンテンツユニット】開放♪カードタイプにカスタマイズ

先月の27日にGoogle AdSense広告ユニットの一種で【関連コンテンツユニット】が広告表示付きで開放されるという嬉しい出来事がありました。

さっそく記事にしようと思った矢先、サーバー障害でアクセスできなくなるという不運に見舞われて、モチベーションも下がっていたのですが・・・

気を取り直して！関連コンテンツユニットを「カード形式タイプ」に変更し、「列と行」をカスタマイズしてみました。

AdSense 広告コードの許可されている変更方法です。これらの方法で関連コンテンツのコードを修正した場合は、AdSense プログラムポリシー違反とみなされません。

【関連コンテンツ】開放の条件は？

開放の条件は公表されていないため、さまざまな憶測が都市伝説のように囁やかれています・・・たとえば

ただ、これらをクリアしていれば開放されるとは一概にいえないようで、はるかに上回っていても開放されない場合や、逆に少ないPV数や記事数でも開放されていることもあるようです。

実際このブログも、ひと月のPV数は平均すると20,000PVくらいありますが、一日のPVは1,000PVを超えたことは数回程度です（汗）

そんな当ブログでも、いきなり広告表示付きで開放されていますので、【関連コンテンツ】が使えるようになることを、ひとつの目標とするとモチベーションがアップするかもしれません。

※【関連コンテンツ】ユニットの開放には、「広告表示なし」からスタートする場合もあり、『広告オプション』が表示されていると広告付き関連コンテンツを表示することができます。

まず一般的には、「新しい関連コンテンツユニット」の作成画面から、サイズで「レスポンシブ」（Google推奨）を選び、取得したコードを《body》と《/body》ダグの間に貼り付けます。

このブログはテーマで、本文領域（記事の部分）の幅を少しだけ狭くするカスタマイズをしています。

そこに上記の手順通り、関連コンテンツをレスポンシブで表示してみると、2行4列がギューっと狭めて表示されてしまい、なんだか窮屈で見栄えも悪い・・・

これは　↓　イメージですが、実際にはもっとギュッとしてました（笑）

そこで、3行3列にカスタマイズし、ついでにカード形式（影を付けたタイプ）にしてみました。影を付けるのがマイブームだからです（笑）

こんな感じ　↑　に仕上る【AdSense 広告コードで許可されている変更方法】を紹介します。

基本的なカスタマイズ方法は、公式ページにあるのですが、かなりつまずいてしまったので、少しでも参考になればと思います。

ということで、『3行3列・カード形式タイプ』にするコードは、このようにパラメータを追加します。

data-matched-content-ui-type="image_card_stacked"
data-matched-content-rows-num="3"
data-matched-content-columns-num="3"

PCとモバイルで同じ表示になります。わけて表示させるには「,」で区切ると、前の数字がモバイル、後の数字がPCとなります。

data-matched-content-rows-num="3,4"
data-matched-content-columns-num="1,3"

Simplicity2のように、テキストウィジェットがPC用とモバイル用に分かれているテーマの場合、それぞれのコードを分けて記載する方が簡単かもしれません。（わたしはそれで上手く表示されました。ちなみにモバイルはレスポンシブのコードをそのまま使用中）

※注意点として、追加する行の順序が違うと表示されないことがありました。10分～20分くらいしても表示されない場合は、コードミスや順序も確認してみて下さい。

もっと簡単にカスタマイズ出来ると思っていた【関連コンテンツ】ユニットでしたが、少し手こずってしまいました（汗）

カード形式タイプで紹介しましたが、他にも「テキストのみ」「画像とテキストを横に並べて表示」などが選べ、列や行を変更すれば、レスポンシブタイプでもオリジナルの【関連コンテンツ】が作れます。

少し面倒ですが・・・ぜひチャレンジしてみて下さい～