関連コンテンツユニットのデザインカスタマイズ方法【Google Adsense】

Google Adsenseの「関連コンテンツユニット」を設置しているサイトは多いですが、デフォルトのデザインのままだとサイトの雰囲気に合わないこともあります。

関連コンテンツユニットとは

関連コンテンツはブログ内で自分の記事をレコメンドしてくれる非常に強力なユニットですが、標準設定では少し味気ない場合があります。

CSSによるカスタマイズ例

以下のCSSを追加することで、枠線を追加したり、影をつけたりすることが可能です。

.google-auto-placed {
    border: 1px solid #eaeaea;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    }

このように少しスタイルを加えるだけで、サイト内での存在感やクリック率を微調整できる可能性があります。ぜひお試しください。