みなさん、こんばんは☆
あ~、もうこんな時間。っていうか日付変わってる(;´Д`)。
以前のブログでGoogle Adsenseというプラグインのサポートが終了するとお伝えしました。今月になっても一応広告は機能していることを確認してましたが、やっぱり不安になり外も大雨で外出できなかったので、やることやった夕方頃からちょっと調べて広告を再設定しようかな?と始めたらこんな時間までかかりました(^_^;)。
悪戦苦闘しましたがなんとか設定できたので、わかりづらいかもしれませんが手順をご紹介致します!
※参考にさせていただいた方のブログとともに(私の言葉より断然わかりやすいと思います!)ご説明致します(笑)。
まずはバックアップ!
何かあったときのために、ワードプレスのバックアップをとっておくことをおすすめします。ちなみに私はBackWPUpというプラグインを使ってバックアップしました。
WP QUADSプラグイン
Googleが推奨していた広告設定方法は以下の2方法。
・QuickSmartを利用して広告を表示
・カスタムadsense広告を表示する
どちらもやりたくなかった私は、もっと簡単なプラグインが見つかるまで待つという決断をしてましたが、待っていて正解でした♪
私が利用したプラグインがWP QUADSです!
説明表記が英語なのですが、こちらの方のブログでわかりやすく説明されてますので安心です♪
その前に!自分のアドセンスコードが必要となってきますので、ご自身のアドセンスのページで広告ユニットの部分から、コードをコピーしてきて下さいね。(私が設定したサイズはレスポンシブです♪)
私が気を付けた点
1.コードの貼り付け位置
参考にしたブログ内では、 adsense という方にアドセンスコードを貼り付けてましたので私もその通りやったのですが、更新しても広告が反映されませんでした!ということで Plain Text/HTML/JS の方にコードを貼り付けたところ、今度は広告が反映されました!
あ、あとコードの手前に”スポンサーリンク”を入れて下さいね。
2.広告の貼り付け位置
広告の貼り付ける数は3つまで!でしたが、どうやら制限がなくなったようですね♪しかし、貼り付ける位置については前回のGoogle Adsenseプラグインのような沢山の選択肢はなく、ざっくりとした位置の設定のみですので、”記事の中央部分に広告を設置”を選択した場合、意図しない位置に広告が貼られることが起こるかも知れませんので注意してくださいね。
3.広告を表示させるページ
広告を表示させる場所の設定があり、何も考えずほとんどにチェックを入れていました。しかしいざブログを確認したら、個別の記事のページの反映は大丈夫でしたがブログのトップページの広告の反映位置がおかしい!
トップページの単体記事の”続きを読む”の下に連続して2つの広告が表示されていたんです。なぜだろう?こんな設定していないのに…。そこで私は以下のようにVisibilityのhomepageのチェックをはずしてみたところ、その現象は起こらなくなりました。
私が設定していた広告は、”記事の上と下に反映”というものでしたのでトップページにもそれが反映され、”続きを読む”の下に2つの広告が出てしまったのでは?と思います。
やっとこれで終った…、と思ったのですがなんか変!広告に影がある!なんか枠がある!これを解決するのに凄く時間がかかりました!実際には解決方法を見つけるのに時間がかかったんです(笑)!
“広告 青枠”でググって出てきた解決方法は
CSSを修正して枠の色を無く、すでした。
外観→テーマ編集でstyleのcssを修正すればよいということで、説明通り修正してみました。しかし枠は健在。次に見つけたサイトの説明通りに修正。それでも枠は消えません。同じようにまた違う方のサイトを参考にして修正。まだまだ枠は消えません(大きなかぶか!)。
途方に暮れましたが、絶対諦めたくなかったので必死にさがし続けました!そしてついに発見した方法が
カスタマイズでcssの追加
外観→カスタマイズでcssを追加します。
ここに以下のソースを入れてください。
/* adsbygoogle */
.adsbygoogle{
background-color:transparent;
}
そのあと必ず保存してくださいね。
これで枠が消えて以前のようにきれいに広告が反映されました☆
前までは恐らく、styleのcssのinsを修正すれば解決できたのでしょう。しかし今は、もしくは私の使っているテーマのtwenty sixteenではcssの追加というカスタマイズでしか解決できないのかもしれませんね。解決できて本当になによりです(>_<)!
これから広告の再設定をされる方や、アドセンスの申請に通って初めて広告を設定する方のお役に立てたら幸いです♪