【グーグルアドセンス】スポンサーリンクのラベルを中央寄せで文字色を変更し小さくスタイリッシュにカスタマイズする方法

19.8.30CSS修正済み

今回はスポンサーリンク・広告のラベルのカスタマイズする方法をご紹介します。

具体的には何をするのかというと、グーグルアドセンスの上に表記するラベルを中央へ寄せたり、ラベルの文字を小さく表示したり、ラベルの文字色を変えたりする方法です。

スポンサーリンクのラベルをスタイリッシュに表示していきましょう。

スポンサーリンクのラベルをカスタマイズする際の注意点

これよりスポンサーリンクのラベルのカスタマイズ方法をご紹介します。

が、知っての通りアドセンスは非常に厳しいルールがあります。

表記しているが文字が小さすぎて読めない。

表記しているが文字が薄すぎて読めない。

となると表示していないに等しいことになってしまう可能性があります。

最悪「ペナルティー」も考えられます。そうならないように十分注意しましょう。

スポンサーリンクのラベルを中央(真ん中)に表示する方法

スポンサーリンクのラベルを中央へ寄せるためのコードはこちらです。

アドセンスのコードの上に張り付けてください。

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

中央寄せの場合は「center」のままでOKです。

「center」の箇所を変更すると位置指定することができます。

【それ以外の場合はこちら】

『左に寄せたい場合』→「left」に変更しましょう。

『右に寄せたい場合』→「right」に変更しましょう。

スポンサーリンクのラベルの文字だけを小さく表示する方法

スポンサーリンクのラベルの文字を小さくするためのコードです。

アドセンスのコードの上に張り付けてください。

<span style="font-size:80%">スポンサーリンク</span>

「”font-size:80%”」の「80%」の箇所の数字で文字の大きさを指定することができます。

ただしあまり小さくするとなんて書いているのかよくわからないなんてことにならにようにしましょう。

出来れば小さくしても「70%～80%」で抑えておきましょう。

スポンサーリンクのラベルの文字色だけをを変更する方法

スポンサーリンクのラベルの文字色を変更するためのコードです。

アドセンスのコードの上に張り付けてください。

<p style="color: #888">スポンサーリンク</p>

こちらのブログではカラーコードを「888」で設定しています。

が他の色にしたい場合は「888」の数字を変更することにより色を指定できます。

上記のコードを例に複合させていこう

【中央へ寄せて文字を小さくしたい場合】

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

こちらのコードをアドセンスのコードの上に付け加えてください。

【中央へ寄せて文字色を変更したい場合】

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

こちらのコードをアドセンスのコードの上に付け加えてください。

【文字色を変えて文字を小さくしたい場合】

<p style="color:#888"><span style="font-size:80%">スポンサーリンク</span></p>

こちらのコードをアドセンスのコードの上に付け加えてください。

【ラベルを中央にして文字を小さくして文字色を変更したい場合】現在はこちらを使用しています!!

<p style="color: #666; text-align: center;"><span style="font-size: 80%;">スポンサーリンク</span></p>

こちらのコードをアドセンスのコードの上に付け加えてください。

[st-midasibox title=”ご報告” fontawesome=”” bordercolor=”” color=”” bgcolor=”” borderwidth=”” borderradius=”” titleweight=”bold”]

コードが間違っていると報告がありまして、再確認したところ間違いだらけでしたorz

申し訳ありません。

そして、ご報告ありがとうございました。

19.8.30修正しましたので、今後とも宜しくお願い致します。

[/st-midasibox]

スポンサーリンクのラベルをカスタマイズしてスタイリッシュに表示していきましょう。