ブログを書く カスタマイズ

【アフィンガー5】目次上のアドセンス広告の貼り方を解説【解決済】

2019年12月27日

アフィンガー5

親愛なる君へ

  • 「アフィンガー5で目次上にアドセンス広告を貼る方法を知りたい」

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

 この記事でわかること

・全ブログ記事の目次上に一発でアドセンス広告を貼る方法

 本記事の信頼性

✔︎ ブログ歴:ブログ開設して12ヶ月目。
✔︎ ブログテーマ:アフィンガー5&子テーマJET。

目次上にアドセンス広告を貼る方法がずっとわからなかったです。
しかし、解決しました。

本記事では、アフィンガー5でブログ記事の目次上に、アドセンス広告を貼る方法を解説します。

この記事を読むことで、アドセンス広告を目次上に設置できるようになります。

こーいち
結論は、コードをfunction.phpに記述することです。

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

・アフィンガー5の「管理画面」
・「外観→ウィジェット」の画面
・プラグイン『WP QUADS』
・プラグイン『Advanced Ads』

※ 本記事の「目次」とはプラグイン『Table of Contents Plus』で自動生成された「目次」を指しています。

【アフィンガー5】目次上のアドセンス広告の貼り方を解説【解決済】

アフィンガー5

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

1.functions.phpのウィジェットに「目次上」を表示させるコードを記載。
2.ウィジェット内の「目次上」に、カスタムHTMLを使ってアドセンス広告のコードを記載。

順番に解説します。

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

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

下記コードを「外観→テーマエディター→テーマのための関数(functions.php)」の一番下に貼り付けるだけです。

// 専用のサイドバーを用意する
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 );

こーいち
簡単です。

2.ウィジェット内の「目次上」に、カスタムHTMLを使ってアドセンス広告のコードを記載

ウィジェット内を見ると、下記のように「目次上」が追加されています。

ウィジェット

あとは、カスタムHTMLを使って、アドセンスコードを「目次上」に記載すれば完了です。

下記のように全ブログ記事の目次上に、アドセンス広告が設置されます。

アドセンス広告

アドセンス広告の最適配置の結論【ブログによって異なる】

アフィンガー5

アドセンス広告の最適配置の結論は、ブログによって異なります。
ゆえに、データを取りつつ試行錯誤するのみです。

当ブログのアドセンス配置

 当ブログのアドセンス配置(PC、スマホ共通)

・アイキャッチ下 なし
・目次上 レンスポンシブ広告
・見出し上(2番目、3番目)レスポンシブ広告
・記事下 レスポンシブ広告
・記事下 関連コンテンツ
・サイドバー上 なし
・サイドバー下 なし

目次上はもともと「リンク広告」で、クリック数は多かったです。
しかし、「リンク広告」は2回クリックされないと収益になりません。

そのため、レスポンシブ広告(1回のクリックで収益になる)に変えました。
クリック率の高い「目次上」をどうするかで、収益が変わります。

なお、サイドバーは「スカイスクレイパー」を貼っていましたがやめました。
なぜなら、トップページの広告は印象が悪いからです。

トップページに来てくれる読者はリピーターです。
リピーターが見てくれるトップページに広告を貼りたくないです。

リピーターには広告ではなく、記事を読んで欲しいのです。

こーいち
しばらくは、上記配置で検証します。

試行錯誤の気づき

その他、試してみて得た気づきは下記のとおり。

・タイトル上のリンク広告はクリックされるが収益にならない(1回クリックのみ)。
・タイトル上にレスポンシブ広告を貼ってみたがクリックされない。
・アイキャッチ下のビッグバナー広告、レスポンシブ広告はクリックされない(リンク広告はクリックされるが収益にならない)。
・見出し上(1番目、3番目、5番目)はクリックされる(現在は2番目、3番目で検証中)
・記事下はダブルレクタングルよりレスポンシブ広告1枚のほうがクリックされる(検証中)
・記事下のリンク広告はクリックされない(記事に満足しなかった読者が他の答えを求めてクリックする可能性はある)
・関連広告はクリックされる(手動で差し込める関連記事をブログカードにすると、他記事へ離脱してしまうので、読者にとって有益な関連記事のみテキストリンクで設置する)
・サイドバーはサイドバー上とサイドバー下に1枚ずつ広告があれば十分(トップページの印象のため、削除しても良い)
・サイドバー上のリンク広告は月30,000PVだと月100円くらいにしかならないため削除。
・見出し上広告は7番目、9番目にも配置していたが広告が多すぎるので削除。
・スマホ用上部広告でラージモバイルバナー(そこそこクリックされる)を設置していたが、ユーザビリティを優先して削除。
・自動広告は世界観を壊すため削除。
・インフィード広告はクリックされないので削除(月2,000PVで300円程度)

サイトによって最適解は異なります。

リード文の長さでも適切な広告配置は違うはず。

こーいち
試行錯誤することが最適解です。

 アドセンス配置で参考にした3つのブログ

共通していることもあります。
しかし、結局はサイトによりけりです。

【まとめ】アフィンガー5で目次上にアドセンス広告を設置しよう

アフィンガー5

「目次上」はクリック率が高いので、アドセンス広告を配置するのはありです。

今まで目次上のアドセンス広告の設置の仕方がわからず、手動で設置してきました。

手動で330記事にリンク広告を差し込んでいました。
次に目次上のレスポンシブ広告設置を試してみたくなり、全記事を手動で再度変更。
2、3日後にすべて元のリンク広告に戻すべく手動でまた変更。

1記事30秒としても1時間で120記事、全記事で3時間ほどかかります。
多大なる時間の損失です。

「アフィンガー5 目次上 アドセンス広告設置方法」でググってもなかなか解決策が見つからず、ようやくラボラジアンさんのサイトを発見しました。

アフィンガー5を使用している方の解決策になるよう、備忘録の意味も込めて書いています。

こーいち
同じように悩んでいる方のお役に立てれば嬉しいです。

こーいちより

P.S. 目次上にアドセンス広告を設置しよう。

関連記事2019年ブロガー・アフィリエイター大忘年会に参加して得た12の収穫【感想:圧倒的じゃないか】
関連記事【ブログセミナー参加】ConoHa WING主催の人気ブロガー・アフィリエイター座談会【エックスサーバーから移行】

-ブログを書く, カスタマイズ

© 2019 Blog Chronicle