stingerplusで投稿記事に広告を挿入する方法
最初の「見出し2」の手前に広告を載せる方法
ワードプレスを使い始めて5ケ月目のたか爺です。
ほぼ初心者で、広告の貼付け方法についていろいろ勉強中です。
今までいろいろなテーマに代えては、その度に広告の貼り方をネットの記事を参考にさせて頂きながら何とか出来ていました。
幾つかのテーマを使っているうちに、もっと気に入ったテーマは無いかと探して、とうとうＳＴＩＮＧＥＲＰＬＵＳに辿り着きました。
サイドバーへの広告貼付けは簡単でしたが、記事上への広告の貼付けで大変な躓きをしました。
これはネットの記事を参考に、コピペさせて頂いたのですが、function.phpを書き換えたとたんにサイトの表示が不能になるというハプニングに見舞われました。
バックアップは取っていたんですが、ダッシュボードに入れなくて、仕方なくサーバーの管理会社にメールで詳しい事情を書いてＳＯＳしました。
翌日、サーバーから対策方法が送られてきて、一旦ＳＴＩＮＧＥＲＰＬＵＳを無効にして、改めてテーマを設定しました。
初期状態に戻ってしまったので広告の表示設定は１からやり直しです。
またネットを検索して、「記事上に広告を貼る」という記事を見つけて参考にさせて頂きました。
この時気付いたことですが、分かりにくい点や、必要な「スポンサーリンク」の表示については書かれていなかったので、私のような若輩者ですがそれらについて今回記事にさせて頂きました。
私のような初心者の方はご参考までに。
手順１.function.phpに追加。
まず、function.phpの一番下に下記のコードをコピペします。
function add_ads_before_1st_h2($the_content) {
if (is_single()) {
$ads = <<< EOF
<div class="h2ad">
<p><span style="font-size: 10pt;">スポンサーリンク</span><br/>
【あなたのアドセンス広告コード】
</div>
EOF;
$h2 = '/<h2.*?>/i’;
if ( preg_match( $h2, $the_content, $h2s )) {
$the_content = preg_replace($h2, $ads.$h2s[0], $the_content, 1);
}
} return $the_content;
}
add_filter('the_content’,’add_ads_before_1st_h2′);
先ほども書きましたがペーストする場所はfunction.phpの一番下です。
また、上記の赤文字部分は「スポンサーリンク」の表示です。
私が参考にさせて頂いた記事には無かったのですが、表示する場合はこのようになり、この記事もこのコードを使っています。
手順２.style.cssにコードを追加
次に、下記のコードをstyle.cssの一番下に追加します。
h2ad{
margin-bottom: 24px;
}
これも一番下に追加します。
以上で、記事の最初の見出し２（ｈ2）の前に広告が表示されます。
尚、function.phpは非常に重要なファイルで、少し間違えただけでもサイトの表示が不能になるので十分に注意しましょう。
他のサイトでもそのような注意が書かれています。
初心者は触るな、と言う記事もありました。
それくらい重要らしいです。
この記事を書くにあたっては以下のサイトを参考にさせて頂きました。
参考記事等
http://suketaroh.com/adsense1/
http://info92-yutaro.com/2016/08/05/【stinger7】stingerplusでh2前に広告を入れる方法！超簡単！/ ➡リンク切れになっています(2020.6.5確認)