アフィンガーで目次上のアドセンス広告の貼り方【最適配置の気づき】

目次上にアドセンス広告を貼る方法は？
アドセンス広告の最適配置を知りたい
アドセンス配置の試行錯誤を知りたい

この記事はそんな方へ向けて書いています。

この記事でわかること

アフィンガーの目次上のアドセンス広告の貼り方
アドセンス広告の最適配置の結論【ブログによりけり】

本記事の信頼性

ブログ歴：2019年1月にブログ開設
ブログ実績：過去最高は月62,000PV、月54,000円（確定）
読んできたブログ本：ブログ初心者向けおすすめ本36選まとめ【基礎18冊＋応用18冊】

本記事を書いている私のブログテーマは「アフィンガー＋子テーマJET」です。

今まで目次上のアドセンス広告の設置の仕方がわからず、手動で設置してきました。
「アフィンガー　目次上　アドセンス広告設置方法」でググっても解決策が見つらないからです。

全記事の目次上に、手動で「リンク広告」を設置しました。
しばらくして目次上に「レスポンシブ広告」を試してみたくなり、再度、全記事に手動で設置したのです。

2〜3日後「やはりリンク広告がクリック率が高い」とわかり、全記事を手動で戻しました。
時間の損失です。

しかしラボラジアンさんのサイトで解決しました。
結論は、function.phpへコードを記述することです。

本記事では、アフィンガーでブログ記事の目次上に、アドセンス広告を貼る方法を解説します。
この記事を読むことで、全記事の目次上に一発でアドセンス広告を設置できます。

なお下記を試しましたが、目次上にアドセンス広告を設置できませんでした。

アフィンガーの「管理画面」から
「外観 → ウィジェット」画面から
プラグイン「WP QUADS」の使用
プラグイン「Advanced Ads」の使用

※前提：本記事の「目次」とは、プラグイン「Table of Contents Plus」で自動生成された目次です。

Contents

アフィンガーで目次上のアドセンス広告の貼り方
- 手順①：functions.phpのウィジェットに「目次上」を表示させるコードを記載
- 手順②：ウィジェット内の「目次上」に、アドセンス広告のコードを貼り付け
アドセンス広告の最適配置の結論【ブログによりけり】
まとめ：アフィンガーで目次上にアドセンス広告を設置してみよう

アフィンガーで目次上のアドセンス広告の貼り方

アドセンス広告を目次上に設置する手順

functions.phpのウィジェットに「目次上」を表示させるコードを記載
ウィジェット内の「目次上」に、アドセンス広告のコードを貼り付け

手順①：functions.phpのウィジェットに「目次上」を表示させるコードを記載

functions.phpに記載するコードを「ラボラジアン」さんのサイトより引用します。

やり方は簡単で下記コードを「外観 → テーマエディター → テーマのための関数（functions.php）」の1番下に貼り付けるだけです。

// 専用のサイドバーを用意する
register_sidebars( 1,
array(
'name'=>'目次上',
'id' => 'widget-above-toc',
'description' => '目次の上に表示されるウイジェット。',
'before_widget' => '<div id="%1$s" class="widget-above-toc %2$s">',
'after_widget' => '</div>',
'before_title' => '<div class="widget-above-toc-title">',
'after_title' => '</div>',
)
);

/**
* 記事内の目次の上にサイドバーを追加する処理
* 目次がなければ、記事の先頭に追加する。
*/
function add_widget_above_toc($the_content) {
if ( is_single() && is_active_sidebar( 'widget-above-toc' ) ) {
// ウィジェットの表示文字列を取得する
ob_start();
dynamic_sidebar( 'widget-above-toc' );
$widget_content = ob_get_clean();

$pos_start = mb_strpos( $the_content, '<div id="toc_container"' ); // 目次の位置を取得する（TOC+の場合）
//$pos_start = mb_strpos( $the_content, '<div id="ez-toc-container"' ); // （Easy Table of Contents の場合）
if ($pos_start === false) {
$the_content = $widget_content . $the_content;
} else {
$html_before = mb_substr( $the_content, 0, $pos_start );
$html_after = mb_substr( $the_content, $pos_start );
$the_content = $html_before . $widget_content . $html_after;
}
}
return $the_content;
}
add_filter( 'the_content','add_widget_above_toc', 110 );