スポンサーリンク




stingerplusで投稿記事に広告を挿入する方法

更新日:

最初の「見出し2」の手前に広告を載せる方法

ワードプレスを使い始めて5ケ月目のたか爺です。

 ほぼ初心者で、広告の貼付け方法についていろいろ勉強中です。
今までいろいろなテーマに代えては、その度に広告の貼り方をネットの記事を参考にさせて頂きながら何とか出来ていました。
幾つかのテーマを使っているうちに、もっと気に入ったテーマは無いかと探して、とうとうSTINGERPLUSに辿り着きました。
サイドバーへの広告貼付けは簡単でしたが、記事上への広告の貼付けで大変な躓きをしました。
これはネットの記事を参考に、コピペさせて頂いたのですが、function.phpを書き換えたとたんにサイトの表示が不能になるというハプニングに見舞われました。
バックアップは取っていたんですが、ダッシュボードに入れなくて、仕方なくサーバーの管理会社にメールで詳しい事情を書いてSOSしました。

翌日、サーバーから対策方法が送られてきて、一旦STINGERPLUSを無効にして、改めてテーマを設定しました。
初期状態に戻ってしまったので広告の表示設定は1からやり直しです。
またネットを検索して、「記事上に広告を貼る」という記事を見つけて参考にさせて頂きました。


この時気付いたことですが、分かりにくい点や、必要な「スポンサーリンク」の表示については書かれていなかったので、私のような若輩者ですがそれらについて今回記事にさせて頂きました。
私のような初心者の方はご参考までに。

手順1.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の一番下です。
また、上記の赤文字部分は「スポンサーリンク」の表示です。
私が参考にさせて頂いた記事には無かったのですが、表示する場合はこのようになり、この記事もこのコードを使っています。

 手順2.style.cssにコードを追加

次に、下記のコードをstyle.cssの一番下に追加します。

h2ad{
margin-bottom: 24px;
}

これも一番下に追加します。

以上で、記事の最初の見出し2(h2)の前に広告が表示されます。

尚、function.phpは非常に重要なファイルで、少し間違えただけでもサイトの表示が不能になるので十分に注意しましょう。
他のサイトでもそのような注意が書かれています。
初心者は触るな、と言う記事もありました。
それくらい重要らしいです。

この記事を書くにあたっては以下のサイトを参考にさせて頂きました。

参考

http://suketaroh.com/adsense1/
http://info92-yutaro.com/2016/08/05/【stinger7】stingerplusでh2前に広告を入れる方法!超簡単!/

スポンサーリンク




-ブログシステムとパソコン関連
-, ,

Copyright© たか爺の楽しいDIYや家庭菜園、その他諸々など , 2019 All Rights Reserved Powered by STINGER.