Googleアドセンスの貼り付け方【申請コード・広告ウィジェット・目次前広告・自動広告】

Googleアドセンスの貼り付け方【申請コード・広告ウィジェット・目次前広告・自動広告】
記事上のウィジェットエリア

ここでは、WordPressテーマ「SWELL」でグーグルアドセンス(Google AdSense)を使用する方法を解説していきます。

目次前広告表示エリア
目次

申請時のAdSenseコードの挿入方法

アドセンス申請時には、headタグ内に申請用のコードを貼り付ける必要がありますよね。

アドセンス申請用コード
アドセンス申請コード

上記のコードをコピーしておき、「外観」>「カスタマイズ」>「高度な設定」の中にある、
</head>直上の挿入コード」というテキストエリアにペーストします。

アドセンス申請コードの貼り付け
申請用コードを貼り付け

これでOKです!

headタグ内にコードを貼り付ける方法は以下の記事にてもう少し詳しく解説していますので、分からない方は参考にしてみてください。

あわせて読みたい
headタグ内にコードを出力する方法
headタグ内にコードを出力する方法SWELLのheadタグ内に任意のコードを出力する方法を説明していきます。広告やアクセス解析用のコードを挿入したり、Font Awesomeなどの外部ファイルを読み込みたい時に活...

ウィジェットで好きな位置に広告を貼り付ける方法

アドセンス申請が無事に通過すれば、広告ユニットというものを作成できるようになります。

広告ユニットのコード
広告ユニットのコード

上記のようなコードを、広告を表示したい位置に貼り付けて行く必要があるのですが、WordPressではウィジェット機能を使うことで簡単に広告を表示することができます。

SWELLで使用できる広告用ウィジェットについて

SWELLでは、広告用のウィジェットアイテムを用意しています。

管理メニューの「外観」>「ウィジェット」にて、[SWELL]広告コードというアイテムがあるので、広告を表示させたいウィジェットエリアにドラッグ&ドロップで配置してください。

広告用ウィジェット

ドラッグ&ドロップができたら、上記の画像のようになると思います。

「広告タグ」と書かれたテキストエリアに、表示させたい広告ユニットのコードを貼り付けて「保存」すればOKです。

PC表示とスマホ表示で広告を出し分けたい場合は、「PCのみ表示する」「SPのみ表示する」というチェックボックスをご活用ください。

目次の直前に広告を表示する方法

SWELLでは、記事に表示される目次の直前にも広告を表示することも可能です。(目次を非表示設定にしている場合は1つ目のH2タグの前に表示されます。)

目次前の広告コード挿入位置
目次前の広告表示位置

「外観」>「カスタマイズ」>「アドセンス広告設定」の中にある以下の設定欄にて、表示させたい広告コードを貼り付けてください。

目次前コードの編集箇所
目次前コードの編集箇所
あわせて読みたい
目次前に広告を表示させる方法
目次前に広告を表示させる方法ここでは、WordPressテーマ「SWELL」で目次前に広告を表示させる方法を説明していきます。目次を非表示設定にしている場合は1つ目のH2タグの前に表示されます。目次前...

自動広告を使用する場合

Googleアドセンスの自動広告を使用する場合、自動広告コードをheadタグ内に貼り付ける必要がありますが

SWELLではカスタマイザーにコードを設定するだけで自動でheadタグ内へコードを挿入できます。

「外観」>「カスタマイズ」>「アドセンス広告設定」の中にある以下の設定欄にて、自動広告用コードを貼り付けてください。

画像
自動広告コードの設定欄
あわせて読みたい
アドセンス自動広告コードの設定方法
アドセンス自動広告コードの設定方法ここでは、WordPressテーマ「SWELL」で目次前に広告を表示させる方法を説明していきます。【自動広告コード専用の設定欄にコードを入力】アドセンスの自動広告コードは...

インフィード広告の設定

SWELLでは、グーグルアドセンスの『インフィード広告』を簡単に投稿リストへ表示することができます。

画像
インフィード広告の表示例

「外観」>「カスタマイズ」>「アドセンス広告設定」の中にある以下の設定欄にて、インフィード広告用のコードを貼り付けてください。

画像
インフィード広告の設定
あわせて読みたい
投稿リストにインフィード広告を表示する方法【Google AdSense】
投稿リストにインフィード広告を表示する方法【Google AdSense】ここでは、WordPressテーマ「SWELL」でグーグルアドセンスの『インフィード広告』を使用する方法を解説していきます。インフィード広告の表示例【アドセンス広告設定か...
記事下のウィジェットエリア

この記事が気に入ったら
フォローしてね!

目次
目次