プラグインを使わずにWordPressの記事の中に広告を入れる方法

 Wordpressの単独記事の中に広告などを入れる場合方法はいくつかある。

 今回はプラグインを使わずに記事の中に広告を入れる方法をご紹介。

スポンサーリンク

「H2」の手前に広告などを入れる

条件

 記事中にhタグを使用していること。

カスタマイズするphp

 カスタマイズするのは「function.php」になる。

 Wordpressの管理画面から「function.php」をカスタマイズするとトラブルになりやすいので、サーバーにアクセスして該当ドメインの「function.php」を編集するほうが無難。

カスタマイズ方法

1.利用しているサーバーの該当ドメインの「function.php」を開く。

2.<?phpの下に以下の記述を追加。

function add_ads_before_1st_h2($the_content) {
if (is_single()) {
//広告(AdSense)タグを記入
$ads = <<< EOF
ここに広告タグを挿入する
EOF;
$h2 = '/<h2.*?>/i';//H2見出しのパターン
if ( preg_match( $h2, $the_content, $h2s )) {//H2見出しが本文中にあるかどうか
$the_content = preg_replace($h2, $ads.$h2s[0], $the_content, 1);//最初のH2を置換
}
}
return $the_content;
}
add_filter('the_content','add_ads_before_1st_h2');

 *h2をh3に変えればh3の上に広告が表示される。

 ちなみに「Principle(プリンスプル)」ではうまく行ったがほかのWordpressテーマでうまく行くかどうかは不明。

PCとモバイルで表示を変える場合

 本当はPCとモバイルで表示を変えたいところだ。

 PCとモバイルで表示を変えるコードを紹介してくれているサイトがあったのでご紹介しておく。

 が、Principle(プリンスプル)」ではうまく行かなかったんだけど。

1.利用しているサーバーの該当ドメインの「function.php」を開く。

2.<?phpの下に以下の記述を追加。

function add_ads_before_1st_h2($the_content) {
if (is_single()) {
if (wp_is_mobile()) {
$ads = <<< EOF
★レクタングル中のコードを記述
EOF;
} else {
$ads = <<< EOF
★レクタングル大のコードを記述
EOF;
}
$h2 = '/<h2.*?>/i';//H2見出しのパターン
if ( preg_match( $h2, $the_content, $h2s )) {//H2見出しが本文中にあるかどうか
$the_content = preg_replace($h2, $ads.$h2s[0], $the_content, 1);//最初のH2を置換
}
}
return $the_content;
}
add_filter('the_content','add_ads_before_1st_h2');

  ちなみに「Principle(プリンスプル)」ではうまく行かなかった。

 画面が真っ白けになってしまった。

 がほかのWordpressテーマでうまく行くのかも。

 どうしてもデバイスで表示を分けたい場合はソースもとのサイト様へお問い合わせを。

*コードを掲載されているサイト様「love-guava

  • にほんブログ村 ブログブログ ブログノウハウへ
    にほんブログ村
  • FC2ブログランキング
  • このエントリーをはてなブックマークに追加

関連記事

wordpressテーマSTINGER3カスタマイズ

STINGER3のスマートフォン表示で広告が途中で切れるを解決

 STINGER3で広告を表示すると広告が半分に切れたりする。  プラグインやウィジェットを使

記事を読む

wordpressに広告を表示する

記事の途中で広告を入れるプラグイン

 wordpressで記事の途中で広告が入っているのを見たことがあると思う。  実はこのサイト

記事を読む

WordpressテーマSimplicity

ウィジェットが豊富で使いやすいWordPressテーマSimplicity

 SimplicityというWordpressテーマを使ってみた。  見た目はごくシンプルなW

記事を読む

wordpressに広告を表示する

トップページやアーカイブページの任意の記事の下に広告を入れる

 トップページやアーカイブページに複数の記事が表示されるように設定している場合に、任意の記事の下

記事を読む

wordpressに広告を表示する

記事タイトルの上に広告を表示する・wordpressテーマSTINGER3

 wordpressテーマSTINGER3には、広告表示用のウィジェットが付いている。  でも

記事を読む

wordpressに広告を表示する

広告を横に並べて表示

 今回は、広告を横に並べて表示してみる。  テーブルを使うと簡単なのだが、レイアウトにテーブル

記事を読む

Message

メールアドレスが公開されることはありません。


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)


follow us in feedly

応援してね⇒にほんブログ村 ブログブログ ブログノウハウへにほんブログ村

ワードプレスのテキストとビジュアルのタブの切り替えができない

 しばらくぶりにブログを更新しようと思ってみたら、ワードプレスの更新や

プラグインを使わずにソースコードを表示させる方法

 ソースコードを表示させるのに便利なのはプラグインの利用。  で

ソースコードの解説にCrayon Syntax Highlighter

 Webサイト上でHTML/CSSやプログラミングのコードを解説す

ウィジェットが豊富で使いやすいWordPressテーマSimplicity

 SimplicityというWordpressテーマを使ってみた。

お客様のホームページがアップロードされていない状態です

 Wordpressの手動インストールで無事インストールできたのに

WordPressテーマGush2のTOPページアーカイブページに要約を表示する

 Wordpressの無料テンプレート(テーマ)Gush2はすっき

FC2ブログとWordPressのURLの構造法則と変数

 記事数の多いFC2ブログを変数を使ってWordpressに引越し

記事数の多いFC2ブログの引越しは変数で作業時間短縮

 FC2ブログからWordpressへの引越し第二段。  FC2

プラグインの内容をメモできるWordPressプラグイン

 Wordpressのプラグインは便利だが、説明文が英語のせいで中

WordPressのカテゴリーの管理画面にIDを表示できるようにするカスタマイズ

 Wordpressのカテゴリーの管理画面に記事のIDを表示できる

海外スパムをシャットアウト「Throws SPAM Away」日本産プラグイン

 Wordpressでブログを運営していると英語のスパムコメントが

→wordpress初心者・STINGER3カスタマイズ中の記事をもっと見る

Googleでブログを作ろう 
 Googleの無料ブログサービスBloggerで作っているブログ。
 Bloggerの設定やカスタマイズ方法などを載せている。

使える無料ソフト&無料サービス
 高いパソコンに入ってるようなソフトは必要ない!をコンセプトに無料ソフトや無料のWEBサービスをご紹介。

  • コメントテスト

  • PAGE TOP ↑