あさくまろん

グーグルアドセンスの「広告」を「記事直下」に配置する簡単な方法

f:id:asakumamasaru:20170710014157p:plain

グーグルアドセンスの「広告」を「記事直下」に配置する簡単な方法っていう話。

メガダンサーのアサクママサルですぜ!!

グーグルアドセンスの広告、設置してますか?

2017年7月10日の今日、「はてなスター」をブログ記事に導入してみたんですが。

「はてなスターの下」に、グーグルアドセンスの「広告」が表示されちゃう!!!見た目が良くない!!!!

というわけで、グーグルアドセンスの「広告」を「記事直下」に配置するという話題で話を進めていきますね。



CSSで実装する、グーグルアドセンスの「広告」を「記事直下」に配置する簡単な方法

「チップの日常」さんの記事に飛んで、「コード」をコピーします。

コピーしたコードを、PCの場合、「デザイン」→「カスタマイズ」→〚記事〛→「記事下」に貼り付けます。

スマホ版の場合、「デザイン」→「スマートフォン」→「記事」→「記事下」に貼りつけますよ!!!

<div id="my-footer">
ここにテキストを入力
</div>

「チップの日常」さんの説明のとおりに、「ディブタグ」の中に、「グーグルアドセンス」のコードを貼り付けてね!!!

beforeがこちら。

f:id:asakumamasaru:20170712113001p:plain

はてなスターの「下」にグーグルアドセンスの広告が配置されてます。


afterがこちら!!!

f:id:asakumamasaru:20170712113103p:plain

グーグルアドセンスの広告の「下」に、「はてなスター」「読者登録ボタン」「ツイッターフォローボタン」と、見た目がスッキリしました!!!


「ディブタグ」の中に、入れたものは、「グーグルアドセンスの広告」以外でも、「記事直下」に表示されるようです。

自分なりに「記事直下に入れたいもの」をどんどん放り込んでみてください!!!


グーグルアドセンスの広告を並列表示にする

並列表示にしたほうが、クリック率が1,5倍から2倍にあがると言われています。

テーブルタグでアドセンスコードを囲んでしまうだけ。

<table>
<tr>
<td>1つ目のアドセンスコード(左側)</td>
<td>2つ目のアドセンスコード(右側)</td>
</tr>
</table>

ハイ、終わり。

並列表示だと、見た目にもスッキリするのでおすすめです。

まとめ

どうでしたでしょうか? 記事の「見た目」にこだわると、ブログ作りが「楽しく」なっていきますよね!!!

「はてなスター」の配置と「グーグルアドセンス」の配置を上手く「融合」させていきましょう!!!!!


トップへ戻る