関連コンテンツをカスタマイズしてブログを収益化しよう

敏腕アフィリエイターのユウさんにAdSense関連コンテンツユニットについて褒められたので、筆を進める。

マサオカブログさんの関連記事コンテンツのカスタマイズ、めっちゃすごくない？

これ、SANGO純正じゃないよね？

そこらへんのインフィード広告より、よっぽど自然に馴染んでる。

下の記事は、カスタマイズ記事じゃないけど、関連記事をぜひ見て欲しい。https://t.co/8olQy8XCdc

— ユウ@アフィリエイター (@mokume7) 2018年3月28日

関連コンテンツユニットをSANGOに馴染むように調整にしていたところを発見して貰った。
これは、関連コンテンツユニットにコードを３行付け足すだけで出来る。ぜひ皆さんもやっていただきたい。

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-xxxxxxxxx"
     data-ad-slot="1234567890"
     data-matched-content-ui-type="image_card_stacked"
     data-matched-content-rows-num="3"
     data-matched-content-columns-num="3"
></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

AdSenseをブログと一体化するのは重要

アドセンス広告のクリック率をあげるには広告をブログに馴染ませることが重要になる。

アドセンスの「リスト広告」の導入方法を紹介した時にもお伝えした通りである。

アドセンス関連コンテンツユニットも、できるだけブログになじませた方が良い。
読者に、ブログコンテンツの一部と思ってもらうくらいが丁度いい。

しかし、関連コンテンツユニットをそのまま貼っていないだろうか？
ここは最適化できる場所。関連コンテンツユニットのカスタマイズも手段として知っておこう。

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

これはGoogleAdSenseも認めている合法カスタマイズだ。安心して利用してほしい。

関連コンテンツは一部の人が使える広告

関連コンテンツユニットは、通常の広告と違う特徴を持っている。自分のサイトの関連記事を表示しつつ、その中に広告を表示出来る特殊なユニットだ。

関連記事の精度は別として、コレさえあれば「関連する記事」というブログパーツは必要が無くなる。

条件をクリアしたブログじゃないと使えない

関連コンテンツユニットは、AdSenseの審査に合格しただけでは利用できない。
利用には条件があり、それがクリアされたら管理画面から開放されるのだ。

この条件が定かでは無いため、様々な憶測が飛び交っている。
私は、累計PV数とかじゃないかと思っている。（知らんけど）

AdSenseのステップアップ

関連コンテンツの開放が、どれくらいの距離感なのか…まだ開放されていない人にはイメージしにくいだろう…

私は、AdSenseのステップは三段階だと考えている。

まだ関連コンテンツユニットを開放していない人も、諦めずに記事を更新していただきたい。

関連コンテンツのデザインを変更する方法

関連コンテンツユニットで操作が許されているのは２つ。

Googleが用意しているデザインは６種類しかない。この中から、自分のブログに合うデザインを選んで組み合わせていく。

「馴染ませる」ということは、「広告」と「ブログ」２つのデザインを混ぜ合わせるということだ。

レイアウトを選ぶ

お使いのブログテーマのデザインコンセプトはなんだろうか？それにあったレイアウトを、６種類の中から選ぼう。

data-matched-content-ui-type="text"

data-matched-content-ui-type="text_card"

data-matched-content-ui-type="image_sidebyside"

data-matched-content-ui-type="image_card_sidebyside"

data-matched-content-ui-type="image_stacked"

data-matched-content-ui-type="image_card_stacked"

関連コンテンツにはマテリアルデザインなレイアウトがある！

ところで、このブログで使っているSANGOは「Googleのマテリアルデザイン」が根幹にあるテーマだ。

AdSense広告コードは修正しては行けない。なじませるためにブログをAdSense広告デザインに似せていくのが一般的な方法だ。

しかし、SANGOは違う。Googleのマテリアルデザインを意識して作られた。ということは。

「え？これSANGO用のユニットですか！？」と思われるデザインが普通に用意されているのだ。

もう説明は不要だろう。

SANGOを利用しているユーザーは、カード型レイアウトを選ぶだけで「記事コンテンツに馴染んだ関連コンテンツ広告」を作ることが出来るのだ。

縦横の枚数を選ぶ

あとは縦横の表示枚数を選ぶだけだ。私は、SANGOっぽくみせるために３×３の合計９枚の関連コンテンツを表示するように設定している。
その中の一部が、広告に差し替わるというわけだ。

data-matched-content-rows-num="3"

data-matched-content-columns-num="3"

３行追記して、SANGOにマッチする関連コンテンツに変える

関連コンテンツユニットで作成したコードに、以下の３行を追加するだけだ。ぜひ試していただきたい。

完成系のコードはこちらだ。赤字の３行を、お使いのコードに追記してみよう。すぐに反映される。

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-xxxxxxxxx"
     data-ad-slot="1234567890"
     data-matched-content-ui-type="image_card_stacked"
     data-matched-content-rows-num="3"
     data-matched-content-columns-num="3"
></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

これだけで、まるでSANGOの一部のようなデザインが完成するのである。

Googleライクなサイトデザインは馴染ませやすい

今回のカスタマイズは、GoogleのデザインをSANGO風に調整したわけではない。SANGO風のデザインを、あらかじめGoogleが用意しているという事実。

そう、SANGOがGoogleに似せるまでもなく、GoogleがSANGOにすり寄ってきているのである。何をするわけでもなく、Googleの推すマテリアルデザインにベストマッチしている。

マテリアルデザインを推し続ける限り、GoogleのコンテンツとSANGOの相性はとてもいいのだ。

アドセンスのリンク広告を設置してクリック数1.5倍に上げよう

アドセン「一体いつから───────アナリティクス公表が合法だと錯覚していた？」ワイ「なん…だと…？」

マサオカ

マサオカブログのLINE@はじめました！ブログの更新情報やお得情報を最速でお届けしています。
気軽に友だち登録してくださいね！

LINE@を友だち追加する