【Google AdSense】スマホサイトで広告を画面下固定表示

スマホサイトで広告を画面下固定表示出来るように設定しました。

下記画像のように、画面下に固定で広告が表示されます。

HTML

<div id="footer" class="footer">
	<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
	<ins class="adsbygoogle"
		 style="display:inline-block;width:320px;height:50px"
		 data-ad-client="ca-pub-XXXXXXXXXXXXXXXX"
		 data-ad-slot="XXXXXXXXXX"></ins>
	<script>
	(adsbygoogle = window.adsbygoogle || []).push({});
	</script>
</div>

CSS

.footer {
	width: 100%;
	height: 60px;
	bottom: 0px;
	background: #F7F7F7;
	position: fixed;
	text-align:center;
	z-index: 1000;
}

Google AdSense

[Google AdSense]>[広告]>[広告ユニット]>[新しい広告ユニット]

広告サイズ「モバイルバナー(320×50)」を選択し、広告を作成します。

作成された広告のコードをコピーし、HTMLに貼り付けて完成です。

スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク