ブログをされている方はよくご存知だと思いますが、サイトの高速化はとても大切です。
少しでもページ表示が遅いとユーザーの離脱に繋がりますし、そういった記事はgoogleにも『 質の低いコンテンツ 』と見なされてしまいます。
というわけで、私も先日ブログの高速化のためにあれこれ設定をイジりました。
ところがその設定後、
アフィリエイト成果報酬がパッタリ発生しなくなりました…。
結局、私が入れた高速化対応の一部が原因だったのですが、これがどこのサイトにも載っていない情報でしたので非常に解決に手こずりました。
誰かのお役に立てればと思い、記事として残しておきます。
本記事が役に立つ方
・突然アフィリエイトの成果報酬が発生しなくなってしまった方
・WordPressの設定をイジって原因不明の問題が起きている方
・WordPressやテーマのアップデート後に成果報酬がゼロになってしまった方
上の紹介文に記載したとおり、私は本職がSEです。
そのため今回のような『突然アフィリエイト成果報酬が発生しなくなる』という事象は、「原因として2パターンだろうな」とすぐに当たりをつけて調べ始めることができました。
パターン1:アフィリエイトのASP側で障害が起きている
パターン2:私のイジった設定によってアフィリエイトリンクが機能しなくなった
まず『パターン1』のアフィリエイトのASP側(広告斡旋サイト側ですね)の問題の可能性を調べてみました。
Webで同じような事象が起きていないか検索してみましたが、特にそんな情報はなし…。
つまり間違いなく『パターン2』の私が触ったWordPressの設定が影響しているとことが分かります。
それではここからは、『どのように原因となる設定を調べていったのか』について見ていきましょう。
もしもアフィリエイト成果報酬が出ない原因はWordPress設定にあった!
結論!間違っていた設定はここだ!
まずは結論ですが、私の場合はこちらのサイトを参考にした高速化対応の一部原因でした…。
基本的に役立つことばかり書かれている記事でしたので、言われるがままに設定を真似ていきました。
しかし、やはり最後は自分で考えて判断しないといけませんね!
jquery.min.jsを非同期で読み込む書き方に変えたのが、今回の成果発生を止めた原因になっていました…
↓のasyncの記述がマズかった!
//jQuery本体(WP同封ではなく、CDNを利用)echo '<script async src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>'."\n";
ここで手を加えた「async」を直した途端、アフィリエイトの成果報酬が今までのように定期的に発生するようになりました♪
「エラーの原因の調べ方」の前に大切なこと
というわけで、今回私が誤って設定してしまっていた箇所は「jquery.min.jsを非同期読み込みにしたこと」でした。
と、何とか解決に至ることができたわけですが、ここで大切なことが一つあります。
それはWordPressで変更を加えるときは『どんな設定を変えたのかメモを取っておくことが大切!』ということです。
今回私はブログ高速化のためにあちこちの設定を変えましたが、その変更箇所はすべてメモをとっていました。
そのため、それらの変更を一つずつ戻していけば、基本的に問題を解決することができるわけです。
ちなみに、WordPressのプラグインで以下のようなバックアップを取っておくというのもオススメです!
※プラグインで「BackWPup」で検索してみるとすぐに見つかります
とにかく設定を変更するときは、何が起きても戻せるようにしておくことが鉄則ですので、ぜひ意識をしてみてください。
エラーの具体的な調べ方
というわけで設定を変更して何か問題が起きてしまったときの『具体的な調べ方』についても見ていきましょう。
必要なものはパソコンのみですのでご安心ください♪
また、手順も以下のとおりでとても簡単です。
エラーの具体的な調べ方
- パソコンでアフィリエイトリンクの確認したいページを開く
- キーボードのF12を押す
- コンソールという部分を表示して…
- F5を押してページリロード
- この時点で怪しいエラーが出てないか確認します
- 「5」で問題がなければ、次に確認したいアフィリエイトリンクをクリックします
- 購入サイトに移動した際に、怪しいエラーが出てないか確認します
それでは詳しく見ていきましょう。
1. パソコンでアフィリエイトリンクの確認したいページを開く
(↓参考画像)
2. キーボードのF12を押す
3. コンソールという部分を表示して…
↓このような別Windowが出てくるはずです。(画像はGoogleChromeで確認してます)
4. F5を押してページリロード
この別Windowが出ている状態で、再度問題が起きているページに戻ってF5を押してみましょう。
するとページがリロードされるはずです。
5. この時点で怪しいエラーが出てないか確認します
ここで先程の別Windowの部分で、怪しいエラーがでていないか確認します。
6. 「5」で問題がなければ、次に確認したいアフィリエイトリンクをクリックします
↓私の場合はAmazonのリンクを押してみました。
7. 購入サイトに移動した際に、怪しいエラーが出てないか確認します
同様に、先ほどキーボードのF12を押して出した別Windowで確認します。
私の場合は、ここで以下のようなjsエラー(javascriptと呼ばれる言語のエラーです)が発生していました。
ページ的にはAmazonの商品ページなのですが、他の人のブログからリンクを踏んで飛んだページではこのエラーは発生していません。
自分のブログからのリンクでのみ発生しているエラーなので『ほぼ間違いなくこれが成果報酬発生していない原因』ということを突き止められました。
突き詰めたエラーの修正方法その1
紹介した方法でエラーを突き止めた後は、原因と思われる設定を戻していくのが基本です。
私もここで、本記事の冒頭で紹介した部分(jquery.min.jsを非同期)を戻すことで無事にエラーを解消することができました。
ちなみに設定を変更した(戻した)後はすぐに変更が反映されない場合がありますので、以下の手順を繰り返しながら慎重に進めましょう。
(場合によってはエラーとは関係ない設定まで戻す羽目になりかねませんので…)
設定を変更した(戻した)際の確認方法
- 設定を変更
- サーバーのキャッシュクリア
- ブラウザのキャッシュクリア
※②③のキャッシュクリアの手順についてはこちら - 「調べ方で記載した方法」で再確認
- エラーが発生してなければ完了
- まだエラーが出るようなら「①」に戻る
上のような手順で設定を一つずつ戻していき、エラーが出なくなったら『一つ前に戻した設定』が原因だったことが分かるわけです。
突き詰めたエラーの修正方法その2
エラーの修正方法の2つ目は少し強引なやり方です。
先ほど紹介した以下のようなプラグインで、『WordPressの設定変更前にフルバックアップをとっておき、問題が出てしまったら戻してしまう』という方法です。
※プラグインで「BackWPup」で検索してみるとすぐに見つかります
「詳しい原因探るのは面倒!」という方は、このやり方がオススメです。
少し専門知識が必要にはなりますが、マニュアルに沿って作業すれば難しくはないでしょう。
ただこの方法の場合は、したい設定が結局できないという問題があります。
なのでバックアップから戻した後で問題解決を確認したら、少しずつ設定を入れて原因を探っていくという、1つ目とは逆のアプローチになるでしょう。
追記:WordPress(php)とテーマ(Thor)のアップデートかけたらまた収益ゼロになりました
というわけで本記事とほぼ同内容が再発したので記録を残しておきます!
今回は、「WordPressのphpバージョンアップ」と「テーマ(Thor)をバージョンアップ」しました。
するとパッタリと「もしもアフィリエイトの広告収入」が止んでしまいました…
またか!
というわけで、本記事で記載したエラー確認をしてみたところ…
やはりエラーが起きてました!
今回はアフィリエイトリンクを押した瞬間にjava scriptエラーが出るというトリッキーなもの。。
↓スマホでパソコンの画面を動画撮影しながら、何とかエラー内容をキャッチしました。
本来なら原因と思われる設定変更を戻すのがセオリーなのですが、今回のエラーは「WordPressのphpバージョンアップ」と「テーマ(Thor)をバージョンアップ」ということで、戻すわけにはいきません。
というわけで以下のプラグインを導入して、jqueryのバージョンを強制的に最新化することで、該当のエラーが解消できました。
まとめ
というわけで今回はWordPressの設定を変更した際に、「何か問題が起きたらどう対処していけばいいのか?」について、実際の事例を元に具体的に見ていきました。
まとめると↓のような感じ♪
WordPressの設定変更の手順と問題解決方法
- 変更前にバックアップを必ず取る
- 設定変更した内容はしっかりメモしておく
- 問題が起きたら一つずつ設定を戻す
- ③が手間ならバックアップで一気に戻しちゃうのもアリ
本記事では『java scriptのエラーの確認の方法』などを詳しくみてきましたね。
もし良ければ、「こんな方法もあるよ」というコメントいただけると嬉しいです。