ブログに自動広告を表示するには、
- AdSense で自動広告を設定する。
- Blogger ブログの HTML に自動広告コードを追加する。
準備
Blogger のドメイン(例: mysite.blogspot.com)が確認済みのサイトとして AdSense アカウントに登録されていることを確認してください。
サイトリストを表示して新しいサイトを追加する方法については、「AdSense のサイトを管理する」をご覧ください。
さまざまな端末でうまく表示されるテーマ(Contempo、Notable、Soho、Emporio など)を使用します。
モバイル バージョンを選択しなければならないテーマを使用している場合は、[モバイル デバイスでデスクトップのテーマを表示する] オプションを選択して、さまざまなデバイスでもうまく表示されるレスポンシブ テーマを使用します(例として動的ビューがあります)。
注: Blogger でテーマを変更する場合は、ブログに「自動広告コード」をもう一度追加してください。
ブログに自動広告コードを追加する
- Blogger にログインします。
- 左上の下向き矢印 下矢印 をクリックします。
- 自動広告を表示するブログをクリックします。
- 左側のメニューで [テーマ] をクリックします。
- その他アイコン その他 次の操作 [HTML の編集] をクリックします。
- 自動広告コードをコピーして、HTML 内の <head> タグと </head> タグの間に貼り付けます。コードの貼り付けついて詳しくは、「コード導入ガイド」をご覧ください。
- [テーマを保存] をクリックします。
「コード導入ガイド」
HTML 内で AdSense コードを配置する場所
生成した AdSense コードを、サイトの <head> タグと </head> タグの間に貼り付けます。
AdSense を最大限に活用できるよう、AdSense コードはサイトのすべてのページに配置することをおすすめします。
<html>
<head>
この部分はページのヘッダーです。
<title>サンプル HTML ページ</title>
</head>
<body>
この部分はページ本文です。
</body>
</html>
<html>
<head>
<script data-ad-client="ca-pub-1234567890123456" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
この部分はページのヘッダーです。
<title>サンプル HTML ページ</title>
</head>
<body>
この部分はページ本文です。
</body>
</html>
貼り付ける「コードスニペット」
<!-- ここから AdSense コード 機能 -->
<script data-ad-client="ca-pub-7731209294704037" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ここまで AdSense コード 機能 -->
10〜20 分程度で自動広告がページに表示されるようになります。
クラシック テーマを使用している場合
ブログにクラシック テーマを使用することも可能ですが、テーマ デザイナーなどのさまざまな新機能にアクセスすることはできません。
クラシック テーマに自動広告を掲載するには:- 左側のメニューで [テーマ] をクリックします。
- [テーマの HTML を編集] セクションに移動します。
- 自動広告コードをコピーして、HTML 内の <head> タグと </head> タグの間に貼り付けます。コードの貼り付けついて詳しくは、コード導入ガイドをご覧ください。
- [テーマを保存] をクリックします。
0 件のコメント:
コメントを投稿