電脳TIMES

ポケモン好きからブロガーに。ゲーム、ブログ関係のことを中心に、いろいろなことを書いていきます。

Google Adsenseの上に「スポンサーリンク」等を表示させる超簡単な方法!

f:id:fpra1320:20180917181126j:plain
Google Adsense(アドセンス)を掲載したブログにおいて、広告上に「スポンサーリンク」、「スポンサードリンク」、「広告」などの表示(広告のラベル表示)をさせているのを見たことがあると思います。

現在Googleでは、ラベル表示を明記するように指示していません。
しかし、誤クリックを誘うようなアドセンスの表示(リンクをあえて踏ますような配置や言葉による誘導など)を規約違反として厳しく取り締まっています

そのようなアドセンス配置に故意にした訳でなくても、Googleが「これは違反です!」と認識すればアウトです。

そこで多くのブロガーは、アドセンスの上に「スポンサーリンク」等と表示することで、「ここにアドセンスを貼っていることを明記しているよ。」と自らアピールし、規約違反にならないようにしているのです。

この記事では、広告上に「スポンサーリンク」等の表示ができるHTMLを紹介します。
コピペで簡単に導入できるので、ぜひ試してみてください。


スポンサーリンク



アドセンスの上に「スポンサーリンク」と表示させるHTML

アドセンス広告の上部に、「スポンサーリンク」と表示させるHTMLを紹介します。

シンプルにスポンサーリンクとだけ表示させるHTML

<p>スポンサーリンク</p>

上記HTMLをコピペして、下に自分のアドセンスコードを入れるだけで完了です。

アドセンスを中央に表示している場合に、スポンサーリンク表示も中央に揃えたいときのHTML

<p style="text-align: center;">スポンサーリンク</p>

こちらを使えば、画面の中央に表示させることができます。

アドセンスもまとめて中央揃えにしたいときのHTML

<div style="text-align: center;">スポンサーリンク
<!--ここに自分のアドセンスコードを貼る-->
</div>

アドセンスもスポンサーリンクも、同時に中央揃えで表示したいときに便利です。

このHTML内のコメントアウト()部分を消して、自分のアドセンスコードを入れれば完了です。

「スポンサーリンク」表示の大きさを変更させるHTML

スポンサーリンクなどの文言の表示を、好みの大きさに変更したいときに便利なHTMLを紹介します。

<p style="font-size: <!--ここに大きさを記述-->em;">スポンサーリンク</p>

コメントアウトのところに数字を入れて、調整してみてください。
ちなみにこのブログでは0.7あるいは0.75で表示させています。

上記で紹介したHTMLをすべて複合させる

<div style="text-align: center;">
<p style="font-size: <!--ここに大きさを記述-->em;">スポンサーリンク
<!--ここに自分のアドセンスコードを貼る-->
</p>
</div>

・アドセンス上部に「スポンサーリンク表示」
・アドセンス、スポンサーリンクを中央揃え
・スポンサーリンクの大きさ調整

これらを全てまとめて実現できます。
メモに控えるなどして、記事を書くときにお役立てください。

いかがだったでしょうか。
コピペで簡単に導入できるので、ぜひ試してみてください。


最後まで読んでいただき、ありがとうございました。