niwadesign

ホームページ制作のネタ発信

html

SmartyでGoogleアドセンスを表示させる方法

投稿日:

家政婦ナビ

7,8年前に制作したサイトをスマホ化対応させようと思ったら、
Googleアドセンスの表示でつまずいた。。。

まず、新規発行したアナリティクスコードを貼り付けると、画面が真っ白!!!
すべての要素が表示されす、いろいろ調べてみると、

コードが書かれているscriptの前後を{literal} {/literal}で囲んであげればよかった。

一件落着。

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
	<!-- xxxxxxxxx -->
	<ins class="adsbygoogle"
		 style="display:inline-block;width:320px;height:100px"
		 data-ad-client="ca-pub-xxxxxxxxx"
		 data-ad-slot="xxxxxxxx"></ins>
	{literal}
	<script>
	(adsbygoogle = window.adsbygoogle || []).push({});
	</script>
	{/literal}

参考記事
http://www.digital-gate.com/etc/254/

-html

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

スマホサイト(iPhone)のソースコード(htmlソース)MacのSafariで確認する方法

前回ブックマークレットを使ってのソースコードの確認方法を紹介しましたが、 今回はMacのSafariを使ってのソースコードの確認方法をご紹介します。 ■iPhoneの設定 設定 > Safari > …

タグの機能

相対パスで記述されたURLのベース(基準)をhead内で指定すると画像やリンク先のパスがベース(基準)で指定されたURLを基準に表示されます。 今日初めて知りました。 <head> &lt …

スマホサイト(iPhone)のソースコード(htmlソース)確認方法

スマホサイトを制作する時に、たまに実機でjsの挙動などソースコード(htmlソース)を確認したい時があります。 そんな時、役に立つ小技をご紹介。 Bookmarklet(ブックマークレット)を使った方 …

Chromeのディベロッパーツールを別ウィンドウにする方法

最近PCを買い替えていつものようにディベロッパーツールを使おうと開いたら、ブラウザから分離できない。。。 調べてみたら、下右に移動させるアイコンを長押しすると別ウィンドウのアイコンが表示される。 わか …

iPhone用htmlのヘッダー要素のルールβ版

viewportは幅を指定するためのもの。 javascript部分はアドレスバーを非表示(画面の上に隠す)にするためのもの。 <link rel="apple-touch-icon& …