サイトアイコン SPnet WordPress

●広告の貼り替えと php インクルード



ここでは、広告バナーの貼り替えの必要性とその方法について説明します。
HPに広告を入れて三カ月、「アフリエイトとはどんなものなのか」にも触れます。

1. クリック型と成功報酬型(物販型)

a. 広告の種類-確実に収益が上がる AdSense

   HPに広告を掲載した場合、報酬の発生には二種類あります。
・「読者がその広告をクリックした場合に報酬が発生するもの」 → クリック型
・「読者がその広告をクリックした後、一定期間のうちに購入したときに報酬が発生するもの」 → 成功報酬型(物販型)

クリック型で有名なのが、Google AdSense、
成功報酬型で有名なのが VALUE COMMERCE と A8.net。

まずはクリック型の Google AdSense について。

『ネットのサイトを見るときに広告バナーなんかクリックしたことがない。そんな広告で儲かる筈がない!』
そう思っていましたが、クリックする人がいるのです。

クリック単価は「検索順位,広告クリック率,内容など」から広告主が入札して決まります。
ワンクリック1円のときもあれば ワンクリックが700円 に近いときもあります。

報酬が 8000円 になれば指定口座 に振り込んでくれます。8000円未満 なら持ち越し。ゆうちょOKです。

「どの広告がどれだけ表示されたか、どれだけクリックされたか、報酬がいくら発生したか」が
リアルタイムで表示されます。

事前審査がありますが、次の場合でなければ審査OKとなるのには半日もかかりません。
・ページ内容(コンテンツ)が貧弱である・独自性がない。
・ページ内容に「ボルノ・銃器・薬物などのポリシー違反内容」が含まれる。
・審査はAIでやっているとか。
・google chrome 必須。
※chrome の方が Internet Explorer より使い勝手がよいようです。

審査が通れば広告を表示させたい場所に広告コードを貼り付けるだけ。

「表示される広告を何にするか」は Google がその都度決めます。
その読者の一番興味のある広告が表示されます。

このページの最初と最後に貼ってあるのが Google AdSense の広告です。
そして、表示されている広告は「あなたが今一番興味があるだろう」とGoogleが判断したものです。

b. 広告バナーだけでは収益のあがらない物販型

( 物販型では実際のレポートが必要 )

成功報酬型(物販型)では「広告をクリックした人」が実際に買わなければ報酬は発生しません。

「スバル」の広告バナーを載せただけでは誰もスバル車を買いません。
「IMPREZA」の「WR STI」を紹介し、実際のインプレッションを書かなければ、誰も興味を示しません。

当方は VALUE COMMERCE と A8.net の物販広告を入れていますが、
収益があるのは「オートバイ修理や時計記事で紹介し、実際に使った工具や材料」。
広告バナーはほとんどクリックされません。もちろん、収益なんか発生しません。
結局、物販型はその商品を自分が買って、使用したレポートをしないと収益にはなりません。


( 物販型の お勧めは Yahooショッピング )

Amazon,楽天,Yahooショッピング には ほとんどの通販業者が参加 ( 出店 ) しています。
「自分の使った商品」が扱われているので、その広告を作るのに苦労しません。

ただし、報酬は 1%~1.5%で、他の物販広告の1/10です。
それでも、確実に収益を上げてくれます。

お勧めは VALUE COMMERCE の Yahooショッピング。
その理由は、
・Amazon は「広告をクリックしてから24時間以内に買った場合」に報酬が発生
・楽天は「広告をクリックしてから、24時間以内に買い物カゴに入れた場合」に報酬が発生。
・Yahooショッピング は「広告をクリックしてから30日以内に買った場合」に報酬発生。
※二回目の購入は含まず。

通常「気になる商品を見つけてすぐに買う」ということはないので、
Amazon や 楽天 ではアフリエイト収益を期待できません。
しかし、Amazonや楽天からすれば次のような利点があります。
・「お気に入り・欲しいものリスト」に入れてもらえばあとで買ってくれる。
・後で買った場合は、アフリエイト報酬は払わなくても済む。

A8.net は Amazon と 楽天だけ。VALUE COMMERCE は Amazon と 楽天 と Yahooショッピング。

A8.net は事前審査なし。
VALUE COMMERCE は事前審査がありますが、AdSense が通るようなら確実にOKとなります。
どちらも、提携に広告主の審査があるものとないもの ( 即時提携 ) があります。

当方の物販型広告で報酬が発生しているのは 今のところ Yahooショッピング だけです。
その他の広告バナーは 挿絵代わり にしています。

2.「広告貼り替え」の必要性

a. 物販型では貼り替え必須

広告を貼る場所は、「タイトル下,話の区切り,本文終わり」の三種類です。

頁の体裁を変えない以上、広告を貼る場所は変える必要がありません。

しかし、広告自体は貼り替える必要があります。

こちらは「Xサーバー」と「とくとくBB」の合体広告。

選任のための法律知識・

【広告】
・当サイトはXサーバーの「×10」。
プラン変更自由です。
Xサーバーなら、まず不足はない。
「ドメイン移転・管理費用ゼロ」のときに!
・当方は「とくとくBB」の「V6プラス」。
夜中に1Mbの画像がタイムオーバー。
それって、プロバイダーの混雑?
同じV6プラスなのに…。
「とくとくBB」に変えて問題解決。

こちらは「Xサーバー」だけの広告。

選任のための法律知識・

【広告】
当サイトは「×10」。プラン変更自由が助かります。このサーバーなら、まず不足はない。

収益を上げるには、その広告のクリック数や注文数を監視して、広告を貼り替える必要があります。
「Xサーバー」と「とくとくBB」の合体広告の成績が悪ければ、
「Xサーバー」だけの広告に貼り替えることになります。
また、2~3カ月毎に広告を全部貼り替えて新鮮なものにする必要があります。

b. AdSense では貼り替え不要だが…

AdSense は「表示する広告をその都度 AdSense が決める」ので、物販型広告のように貼り替える必要はありません。

しかし、貼り替えが必要な場合もあります。

AdSense 広告の代表的なものは次の四つ。
・ デスプレイ / レスポンシブル
・記事中 / レスポンシブル
・関連広告
・デスプレイ・サイズ固定 。

一般的には、
・タイトル下 → デスプレイ / レスポンシブル
・本文途中 → 記事中 / レスポンシブル、
・本文下 → 関連広告
・サイドバー → /デスプレイ / レスポンシブル

しかし、本文途中の広告を「デスプレイ / サイズ固定」に変えたい場合や、
サイドバーの広告を「関連広告」に変えたい場合も出てきます。
AdSense 広告でも貼り替えが必要になることがあるのです。

「広告貼り替えの方法」は「広告を貼る方法」によって違います。

次に、広告を貼る方法を説明します。

3. 広告を貼る方法

a. 直接貼る

一番簡単な方法です。
AdSense 広告コード( html ) や 自分で作った広告の html を 貼りたい場所に直接挿入していきます。

HPBなら「 html として貼り付け」、Word Pressなら「ブロックにそのまま貼り付け」。

ただし、貼り替えに時間がかかります。
私は当初この方法でやっていましたが、全部貼り替えるまでに「8時間 × 三日」かかりました。

お勧めしません。

なお、AdSense 広告は コードを貼り付けてから表示されるまでに時間がかかります。
ある程度アクセスがないと表示されないようです。
初めての広告には広告主の入札がないからでしょう。

また、頁を更新したときにも表示に時間がかかります。
AIで頁内容をチェックしているのでしょう。

「AdSense表示されない → 広告コードを間違った」と早とちりして広告の貼り直しをしないでください。
また、8時間がかかります。

b. COCOON の「広告貼り付け機能」を使う

COCOON は「至れり尽くせり」です。
「 AdSense 広告 の 自動貼り付け機能」が付いています。


( 自動貼り付け )

・ cocoon 設定 → 広告 → 広告コード → AdSense 広告コードの入力
※デスプレイ広告、リンク広告、関連広告が対象。
↓
・AdSense表示方式 / マニュアル広告設定 → 表示位置を選ぶ → その位置に広告コードが貼り付けられる。

ただし、貼り付けられるのは登録 ( 広告コード入力 ) をした三種類のコードの内の一つだけ。
三種類が別々の場所に貼り付けられるわけではありません。


( ショートコードによる貼り付け )

同じ設定画面で「ショートコードを有効にする 」にチェックを付けると、
その広告を貼りたい場所に というショートコードを記入すればそこに広告が表示されます。
※ブロックツールバー → ショートコード →

ただし、これも貼りつけられるのは登録 ( 広告コード入力 ) した三種類のコードの内の一つだけ。
結局、自動貼りつけでも、 貼り付けでも、貼り付けられる広告は1種類だけ。


通常、AdSense 広告は同じ種類の広告でも「貼りつけ場所」によって名前を変えます。

HPではいろいろな分野を取り上げます。A分野,B分野,C分野。
そこに貼る AdSense 広告 も各分野によって名前を変えます。

例えば、タイトル下に貼る 「タイトル下 / デスプレイ / レスポンシブル」。
これを
・title_shita_display_respo_a
・title_shita_display_respo_b
・title_shita_display_respo_c と別の名前を付けて区別します。
記事中広告や関連広告も同様に分野ごとに名前を付けます。

このように区別しておけば、
「読者がどの分野の、どの場所のどの AdSense 広告に興味を持ったのか」が分かります。
貼り付けられる AdSense広告 が1種類ではこの分析ができません。

もちろん、 COCOON のこの機能は「物販型の自作広告」の貼り付けには対処していません。

「ここまでやってくれる」 cocoon に敬意を表しますが、
どうしても次の「php インクルード」が必要になります。

この「広告ファイルインクルード」も
「HPBでは当たり前のようにできたがワードプレスではそうでない」ことです。

選任のための法律知識・

副収入ならバリューコマースのアフリエイト
★Amazon,楽天 対応★
★Yahooショップ,PayPay お勧め★
★Webike,モノタロウ もOK★
★使った商品を紹介★
★まずはバナーを貼りましょう★
アフリエイトについて,広告の貼り方(PHPインクルード) → こちら,    アフリエイト収入と青色申告 → こちら





c. 絶対のお勧め「広告ファイルの インクルード」

イ. 広告を別の場所に保管する

広告は一般公開される public 階層より上の階層にフォルダを作ってまとめて保存します。

下の階層図では「public フォルダ」の中に kokoku_01~kokoku_10 と「kokoku_originalフォルダ」、
そして、「kokoku_original フォルダ」の中に kokoku_01~kokoku_30 を保存。

・「kokokuフォルダ」の kokoku_01~kokoku_10 → 実際に呼び出す kokoku ファイル
・「kokoku_originalフォルダ」の kokoku_01~kokoku_30 → 貼り替え候補ファイル

貼り替えるとき
・「originalフォルダ」の kokoku_01~kokoku_30 の中からファイルを選ぶ
   → 「kokokuフォルダ」の kokoku_01~kokoku_10 に上書き。

広告ファイルの作り方
・HPBで新しい頁を開く → 広告コードや表に商品コードを貼りつけ、
→  名前を付けて保存 → 拡張子 html なら html ファイルになる。拡張子 php なら phpファイルになる。

-階層図-

                                              abcd.jp
                                                 ↓
              「public」       -       「◯◯」             -                「kokoku」
                    ↓                                                                       ↓
「A」-「B」- 「site1」 -「abcd2」    kokoku_01~kokoku_10 -「kokoku_original」
   ↓                       ↓              ↓                                                             ↓
  a.html      「wp_content」  「site2」                                      kokoku_01~kokoku_30
                              ↓             ↓
                       「themes」   「wp_content」
                              ↓             ↓
                        「cocoon」   「themes」
                                              ↓
                                           「cocoon」

・abcd.jp:メインドメイン
・この下にpublic.htmlとその他のフォルダとkokokuフォルダがある。
・public.htmlの下にWord Press_site1のファイルフォルダ「site1」がある。
・「abcd2」はサブドメインのファイルアップロード先フォルダ。
・上図ではここに「site2」フォルダを作り、site2フォルダにWord Pressをインストール。
・通常は「abcd2」にWord Pressをインストールするので「site1」と同じになる。

ロ. HPBでのファイル呼び出し


( ファイル挿入 )

HPBでこれらのファイルを呼び出すのは簡単。

・挿入 → ファイル → その他のファイル → html ファイルの挿入 ( ヘッダー / 頁内部品 )

HPB 編集画面に「挿入された広告ファイル」の位置が表示されるので、どこに貼ってあるのかが分かります。


( phpインクルード )

html は自分の PC の中に家を作る道具。
php はサーバーのコンピューターに対する「こうしなさい」という命令。
Word Pressは「材料と設計図を示して、このような家を作りなさい」というサーバーのコンピューターに対する命令。
だから php 。

しかし、HPBで作った html ファイルの中でもこの php ( サーバーコンピューターに対する命令)が使えます。


・htmlファイルの中でphpを使えるようにする準備 ( Xサーバー / php7.4.4 )
↓
①htaccess編集 → ドメイン → htaccess編集 → 「 AddHandler fcgid-script .html .htm」を追記 → 変更
②php_ini設定 → display_errorsをOFF。その他はそのまま
(インクルードする広告.phpが表示できないときにエラー表示を出さずに広告を表示しない)


・ファイルを読み込むコード

<?php include( __DIR__ . 'kokokuファイルまでのパス'); ?>

上記の階層図の「a.html」から「kokokuフォルダ」の「kokoku_01.php」を呼び出すのなら、

<?php include( __DIR__ . '../../../kokoku/kokoku_01.php'); ?>

html ファイルの「kokoku_01.html」も呼び出せます。.

<?php include( __DIR__ . '../../../kokoku/kokoku_01.html'); ?>

このインクルードコードについてはいろいろなものが紹介されていますが、当方の環境で成功したのは上のコードです。


( HPBでは php インクルードは必要ない )

・HPBでは「ファイル挿入」ができるので、わざわざ「phpインクルード」を使う必要はありません。
・挿入した「phpコード」は HPBの 「html ソース」の場合だけ表示され、編集画面では表示されません。
  そのため、広告が貼ってあるかどうか、どこに貼ってあるかが分かりません。
・当初、HPBで「ファイル挿入」ができることに気付かず、「php インクルード」で苦労しました。

ハ. Word Press での php インクルード

Word Pressでは次のようにします。

① functions.php への追記

・外観 → テーマエディタ → functions.php → 最後の行に追記
・ COCOON では「子テーマ」の functions.php に追記。「親テーマ」はさわらない。
・まずは、普通(?)のタイプ → phpファイル呼び出し①

//phpファイル呼び出し1
function Include_my_php($params = array()) {
    extract(shortcode_atts(array(
        'file' => 'default'
    ), $params));
    ob_start();
    include(get_theme_root() . '/' . get_template() . "/$file.php");
    return ob_get_clean();
}
add_shortcode('my_php', 'Include_my_php');

今度は「呼び出す php ファイルが別の場所にある場合」 → phpファイル呼び出し②

//phpファイル呼び出し2
function Include_my_php($params = array()) {
    extract(shortcode_atts(array(
        'file' => 'default'
    ), $params));
    ob_start();
    include(get_theme_root() . '/' . get_template() . "/指定フォルダー/$file.php");
    return ob_get_clean();
}
add_shortcode('my_php', 'Include_my_php');

・7行目の「指定フォルダ」はphpファイルがあるフォルダ。相対パスで書く。
※参照 → https://bge.jp/wp-shortcode-php_include/

kokoku_01.php を呼び出すショートコードはどらちも次のコード ( 拡張子 php 不要 )
これを広告を呼び出したい場所に貼り付ける( ブロックツールのショートコード )

 [my_php file='kokoku_01'] 

もちろん、このショートコードを貼りつけても、そこにkokoku_01.php は表示されません。
funcrions.php への 追記に kokoku_01.php のある「kokokuフォルダ」までのパスが書いてないからです。

② 「kokokuフォルダ」までの相対パス

ここまではどのサイトでも紹介されていますが、その先の「知りたいこと」がどこにも書いてない。
「指定フォルダ」までの相対パスが説明されていない。
「呼び出しショートコードを挿入した頁」から 「phpファイルを入れたフォルダ」までのパスはどうなるのでしょう。

そもそもWord Pressにば 静的な頁がありません。
あちらこちらから材料を持ってきてブラウザに頁を表示しているだけです。
それでも、「その頁の元になるもの」はどこかの階層に属しているでしょう。
その階層がわからないと、相対パスを指定できず他の場所にあるphpファイルを呼び出せません。

以下を試してみました。

・「public → サイト → wp_content → themes → cocoon 」に kokoku_01.php を直接アップロード
→ 「phpファイル呼び出し①」を functions.php に追記 → kokoku_01 が表示される。
↓
・cocoonの下には「page.php」 があるので、この階層が出発点になるのか?
↓
・この階層から「kokokuフォルダ」までは6段階
↓
・それなら「phpファイル呼び出し②」の7行目は、
「 include(get_theme_root() . ‘/’ . get_template() . “/../../../../../../kokoku/$file.php”); 」
これを functions.php に追記。
↓
・「kokokuフォルダ」の kokoku_01.php を呼び出し → 表示されない。
↓
・「../」を一つ減らして、5段にしたら kokoku_01.php が表示された。
↓
・理屈は分からないが「5段階」であるらしい。
↓
・相対パスの出発点・階層は「themes の下にある 階層」のようだ。
・インクルードするファイルまでの階層を数える場合は
   「themesの下が出発点」,「themestが1」となる。 ( 推測 )
↓
・結局、上記階層図の場合、functions.php に追記するのは、次の通り。
↓
・phpファイル呼び出し③

//phpファイル呼び出し3
function Include_my_php($params = array()) {
    extract(shortcode_atts(array(
        'file' => 'default'
    ), $params));
    ob_start();
    include(get_theme_root() . '/' . get_template() . "/../../../../../kokoku/$file.php");
    return ob_get_clean();
}
add_shortcode('my_php', 'Include_my_php');

もちろん、kokoku_01.phpを呼び出すコードは同じ、

 [my_php file='kokoku_01'] 
③ html ファイルを呼び出す場合

htmlファイルも呼び出せます。
・上記の2行目,7行目,10行目の「php → html」に変更。

//html ファイル呼び出し
function Include_my_html($params = array()) {
    extract(shortcode_atts(array(
        'file' => 'default'
    ), $params));
    ob_start();
    include(get_theme_root() . '/' . get_template() . "/../../../../../../kokoku/$file.html");
    return ob_get_clean();
}
add_shortcode('my_html', 'Include_my_html');

・ショートコードは「my_html file=’●●●●’]
    kokoku_02.html を呼び出すのなら「「my_html file=’kokoku_02′]


※jpgファイルは呼び出せませんでした

それなら、jpgファイルも呼び出せるのではないかと、2行・7行・10行目の「php → jpg」に変更したらエラーになりました。いすいろ試してみてください。

④ 別の場所にあるファイルを同時に呼び出す場合

( ショートコード名の変更 )

・①,② でショートコードの名前は「my_php」です。これを例えば「my_php2」に変えます。

・2行目,10行目の「my_php → my_php2」に変更。

・ファイルのあるフォルダまでのパスの変更。

( パスの変更 )

・階層図で「kokoku_origianl フォルダの kokoku_01.php」を呼び出すのなら、
「”/../../../../../kokoku/kokoku_original/$file.php”」;

kokokuまでの相対パスは同じ、kokokuフォルダーのなかのkokoku_originalフォルダを指定。

・functions.php への追記は、

//phpファイル呼び出し2
function Include_my_php2($params = array()) {
    extract(shortcode_atts(array(
        'file' => 'default'
    ), $params));
    ob_start();
    include(get_theme_root() . '/' . get_template() . "/../../../../../kokoku/kokoku_original/$file.php");
    return ob_get_clean();
}
add_shortcode('my_php2', 'Include_my_php2');

kokoku_original フォルダの kokoku_01.php を呼び出すコードは、

[my_php2 file='kokoku_01']

( 練習問題 )

上記階層図の「site1」の頁から「Aフォルダ」にある「a.html 」を呼び出す場合、
・呼び出しコード名を「my_html 」にすると
・functions.php に追記する内容は?
・実際の呼び出しコードは?

答えは、⑤の最後

⑤ 注意

・サブドメインの場合もアップロード先フォルダが「public.html」になるので同じ。
・但し、サブドメインフォルダの中にWord Pressフォルダを作って
ここにWord Pressをインストールした場合は階層が一つ増えて6段階になる。

・functions.php への追記で「何かうまくいかなかったようです」警告が出る場合
↓
・サーバーのセキュリティ機能・WAFが原因 → WAF設定 → 「php対策」を「OFF」にする。
↓
・ あとで「WAF-ON」にするので全て「OFF」にしてもよい。
↓
・「反映待ち」表示消える → functions.php への追記 → WAFをON

・テーマを変えたら、そのテーマの functions.php に追記。


・テーマのアップデートがあると、functions.php の追記は消えてしまうので、再度追記。

※ COCOON では親テーマと子テーマをインストールして、子テーマを「有効」にする。親テーマは有効にしていなくても、有効となっている子テーマから親テーマが機能する。(らしい)
functions.php への追記は子テーマにする。
アップデートは親テーマに対してなされるので、
アップデートされても子テーマに追記したfunctions.php は消えない。

※ ④ の練習問題の答え

・site1 の 頁の出発階層は themesの下。
   ここからAフォルダまでは ①themes → ②wp_content → ③site1 → ④public の 4段階
・htmlファイルの呼び出しだから、2行目,7行目,10行目の「php → html」に変更

答えは次の通り(間違いはご容赦)

//html ファイル呼び出し
function Include_my_html($params = array()) {
    extract(shortcode_atts(array(
        'file' => 'default'
    ), $params));
    ob_start();
    include(get_theme_root() . '/' . get_template() . "/../../../../A/$file.html");
    return ob_get_clean();
}
add_shortcode('my_html', 'Include_my_html');

実際の呼び出しコードは

[my_html file='a']

4. バックアップ

上の「キャパ越えトラブル」でバックアップの必要性を痛感しました。

HPBでは、自分のPCの中に現物があります。
しかし、Word Pressでは材料や設計図はサーバーの中。

設計図は代わりがあるが、材料とくに文章の代わりはない。
細かい推敲を繰り返してきた文章をもう一度書くのは困難。


( FTPツールを使ったバックアップ )

※参考 → https://web-kanji.com/posts/wordpress-backup

バックアップしておかなければならないのは次の四つ。

①テーマ:ホームページのデザイン
②プラグイン:SEO対策や画像圧縮などの拡張機能
③メディア:WordPressにアップロードした画像やPDFなどのデータ
④データベース:ブログ記事や固定ページなどのコンテンツデータ

この三つはWord Pressで作ったサイトの下の階層にある wp-content の中に入っている。
①テーマ→ themes
②プラグイン → plugins
③メディア → uploads

①,②,③はFTPツール ( HPBのファイル転送ツール ) でダウンロード。


④は触れない所にあるので、. Word Pressの機能を使ってダウンロードする。

・管理画面 → ツール → エクスポート → エクスポートする内容を選択→ 「すべてのコンテンツ」
→ 「エクスポートファイルをダウンロード」
→ 〇〇.xml ファイルがPCのダウンロードフォルダにダウンロードされる。→ バックアップフォルダへ移動する。

まだ、3記事を書いただだけなのに、バックアップダウンロードは
フォルダ数 924、ファイル数 6032,合計 95Mb。恐るべしWord Press。


( プラグインを使ったバックアップ )

以上を定期的自動的にやってくれるプラグインもあるとか。

しかし、一応「 FTP ツール」でやれるので、プラグインは後日にしましょう。

選任のための法律知識・

副収入ならバリューコマースのアフリエイト
★Amazon,楽天 対応★
★Yahooショップ,PayPay お勧め★
★Webike,モノタロウ もOK★
★使った商品を紹介★
★まずはバナーを貼りましょう★
アフリエイトについて,広告の貼り方(PHPインクルード) → こちら,    アフリエイト収入と青色申告 → こちら



モバイルバージョンを終了