HTML/CSS Webマーケティング Wordpress

【コピペでOK】WordPressで記事内に広告を貼る方法

2021年2月24日

しの

はじめまして、しのです。 WEBデザインやプログラミング、SEO、ブログ術に関する記事を主に書いています。 ブログの月間PVは約40000PV、月間収益は5桁です。 SEOで検索上位1位を約50件獲得(2024年6月時点)。

こんにちは٩( 'ω' )و

現役会社員WEBエンジニアのしのです٩( 'ω' )و

本日は

『WordPressで記事内に広告を貼る方法』

について解説致します。

この記事はこんな人に有益です

ブログを書いていると、記事内に広告を出したい時があると思います。

そういった方々にとって有益な記事となっております。

Google Adsenseに通過していることが条件とはなりますが、実装自体はめちゃくちゃ簡単なのでどなたでも可能です٩( 'ω' )و

それでは早速行ってみましょう٩( 'ω' )و


実装方法

簡単なので結論から言ってしまいます。笑

以下のコードを記事に貼る、だけです٩( 'ω' )و

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-8161337886435319"
     data-ad-slot="1507213089"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

こちらはWordPressの記事投稿の画面ですが、こちらでカスタムHTMLというものを選択し、そちらでこのコードを貼ればOKです。

コードの取得方法

では実際にコードを取得する方法です。

まずGoogle Adsenseのサイトにアクセス、左画面の広告からサマリーにアクセスします。

https://www.google.com/adsense/

その後、以下のような画面になりますので「広告ユニットごと」をクリックし、「記事内広告」をクリックします。

すると広告の名前を書くページになりますので広告名をつけます。

特に希望がなければ「記事内広告」なので大丈夫です。自分が分かればOK。

するとここでコードが現れます。

こちらをコピペすればOKですね。

念のため記事を後悔する前にプレビュー画面で実際の投稿記事を確認しておくとよいでしょう。

たまに横長の広告をつけられて予期せずレイアウトが崩れたりする場合もありますので。汗

functions.phpに記述する方法

毎回記事に記述するのが面倒だという方は、以下の記述をfunctions.phpに記述しておくと自動でh2タグの前に広告を入れてくれるようになります。

function add_ad_before_h2_for_3times($the_content) {
//広告(AdSense)タグを記入
$ad = <<< EOF
//////////////////////////
//ここにアドセンスを挿入//
//////////////////////////
EOF;

if ( is_single() ) {//投稿ページ
 $h2 = '/^<h2.*?>.+?<\/h2>$/im';//H2見出しのパターン
 if ( preg_match_all( $h2, $the_content, $h2s )) {//H2見出しが本文中にあるかどうか
 if ( $h2s[0] ) {//チェックは不要と思うけど一応
 if ( $h2s[0][0] ) {//1番目のH2見出し手前に広告を挿入
 $the_content = str_replace($h2s[0][0], $ad.$h2s[0][0], $the_content);
 }
 if ( $h2s[0][1] ) {//2番目のH2見出し手前に広告を挿入
 $the_content = str_replace($h2s[0][1], $ad.$h2s[0][1], $the_content);
 }
 if ( $h2s[0][2] ) {//3番目のH2見出し手前に広告を挿入
 $the_content = str_replace($h2s[0][2], $ad.$h2s[0][2], $the_content);
 }
 }
 }
 }
 return $the_content;
}
add_filter('the_content','add_ad_before_h2_for_3times');

4行目の

//////////////////////////
//ここにアドセンスを挿入//
//////////////////////////

上記の部分にAdsenseのコードを入力してあげればOKです。

※functions.phpを触る際は必ずバックアップを取りましょう。

バックアップを取らずに作業を行い、記述をミスると画面が真っ白になることがあります。汗

ただこちらを書いておくと毎回記述をする手間が省けるので、やってみたい方は是非どうぞです( ^ω^ )

はい、本日は短いですが以上です٩( 'ω' )و

いつもお読み頂いてありがとうございます。

それでは次の記事でお会いしましょう〜٩( 'ω' )و

  • この記事を書いた人
  • 最新記事

しの

はじめまして、しのです。 WEBデザインやプログラミング、SEO、ブログ術に関する記事を主に書いています。 ブログの月間PVは約40000PV、月間収益は5桁です。 SEOで検索上位1位を約50件獲得(2024年6月時点)。

-HTML/CSS, Webマーケティング, Wordpress
-, ,