WordPress Popular Posts スマホでサイトを見るとランキング2位の場所に広告が表示され、レイアウトが崩れてしまっている

Simplicityの特徴 フォーラム 不具合報告 WordPress Popular Posts スマホでサイトを見るとランキング2位の場所に広告が表示され、レイアウトが崩れてしまっている

このトピックには14件の返信が含まれ、2人の参加者がいます。1 日、 18 時間前わいひら わいひら さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #59850 返信

    とっとちゃん

    初めまして。simplicity2を利用させていただいております、ブログ初心者です。
    先ほど#59849でも別件の質問をさせていただきました。

    こちらで質問させていただいていいものか分かりませんが、、トピックあげさせていただきます。

    ▼問い合わせ内容
    WordPress Popular Postsをインストールしております。
    スマホでサイトを見るとランキング2位の場所に広告が表示され、レイアウトが崩れてしまっている。
    (上位10位表示の設定ですが、11位まで表示されている)
    PCでは表示問題ないですが、スマホでの事象です。

    ▼環境
    WordPress 4.9.5
    Simplicity2 childバージョン: 20161002
    Google Chrome バージョン: 65.0.3325.181
    スマホ iOS 11.3.1
    WordPress Popular Posts バージョン 4.0.13

    対象サイトはこちら

    ”フォーラム › Simplicityについての質問 › 初めての方は必ずお読みください”を試しましたが改善されません。
    カスタムCSSの記述をこちらに載せるべきでしょうか・・?

    知識不足で恐縮ですが、解決方法をご教示いただけますと幸いです。

  • #59852 返信

    かうたっく

    カスタムCSSの記述をこちらに載せるべきでしょうか・・?

    WordPress機能のカスタムCSSでしたら『Simplicity2に関する話題何でも』辺りかもしれないですね。ですが間違っても特に問題にならない印象があります^^

  • #59857 返信
    わいひら
    わいひら
    キーマスター

    ソースコードを見ると、アドセンスの自動広告を挿入されているのではないでしょうか。

    もし自動広告で挿入されている広告であれば、アドセンスが勝手に挿入するものですので、テーマから制御する術はありません。
    自動広告を表示しないか、AdSenseアルゴリズムの進化を待つしかないのかもしれません。

  • #59861 返信

    かうたっく

    スマホでサイトを見るとランキング2位の場所に広告が表示され、レイアウトが崩れてしまっている。
    (上位10位表示の設定ですが、11位まで表示されている)
    PCでは表示問題ないですが、スマホでの事象です。

    私は11位まであるのを確認できませんでしたが、広告が2位になってしまって紛らわしい広告扱いになるのであればアドセンス側に対処してもらわないと…ですね。

    順位を入れてない状態でしたら、紛らわしさは感じませんけど…。

  • #59864 返信

    かうたっく

    おはようございます。

    .ranking_list {
      counter-reset: wpp-ranking;
    }
    .ranking_list ul li{
      position: relative;
    }
    .ranking_list ul li:before {
      position: absolute;
      /* ココstyle */
    }

    もし変更するとしたら、元の指定▲の部分をaタグにして、aにclass属性、例えばhogeをいれて

    .ranking_list {
      counter-reset: wpp-ranking;
    }
    .ranking_list .hoge{
      position: relative;
    }
    .ranking_list .hoge:before {
      position: absolute;
      /* ココstyle */
    }

    としたらアドセンスはランキングに入らないですね。試したのは別テーマで自分のページランキングに広告が入った状態で検証画面でやったまででただの提案止まりですが。

    Simplicity人気記事ランキングのaタグにclass属性をつけるとおそらく上手くいくと思いますけど、子テーマ側でカスタマイズしてる人は書き換えないとダメかも??と想像中です。

    ランキングliにアドセンスが入ったときのHTMLの冒頭部分は以下の通りだったので。

    <a class="google-auto-placed" style="clear: both; display: block; padding: 0px; margin: 0px; box-sizing: content-box; width: 334px; height: 280px;"><ins data-ad-type="text"

    もしダメだったらスミマセン。

  • #59865 返信

    かうたっく

    ちなみに試した環境はCocoon。SimplicityのCSSを以下のように変更しました。

    .popular-entry-cards {
      counter-reset: wpp-ranking;
    }
    
    .popular-entry-cards .popular-entry-card-thumb {
      position: relative;
    }
    
    .popular-entry-cards .popular-entry-card-thumb:before {
    /*スタイル~略~*/

    そもそも仕様が違ったからやっぱり順位を付けないのが良いかもですね。

  • #59869 返信

    とっとちゃん

    >わいひらさま

    ご確認いただきありがとうございます。
    自動広告いれております。
    確かに導入後あたりからこの現象が起きているのですが、試しにコード消してみましたが解消されずでした。。

    >かうたっくさま
    ご確認いただきありがとうございます。
    順位を入れないのも確かにひとつの手ですね、、
    検討してみます。ありがとうございます。

  • #59891 返信
    わいひら
    わいひら
    キーマスター

    できれば自動広告コードを外した状態で、サイトの状態を見せていただければと思います。
    何かしらのキャッシュが残っているという可能性もあるので。

  • #59902 返信

    とっとちゃん

    わいひらさま

    自動広告コードを外しました。
    必要な情報かはわかりませんが、設定方法はこちらを参考にしており、テーマ編集>「header-insert.php」内にAdsense自動広告コードを貼り付けておりました。

  • #59913 返信
    わいひら
    わいひら
    キーマスター

    <head></head>に入っていたアドセンス自動広告はなくなりました。
    けれど、Google Analyticsコードが入っているあたりでもアドセンス自動広告のタグが入っているようです。
    これも取り除く必要があると思います。

  • #59955 返信

    とっとちゃん

    わいひら様

    お調べいただきましたのにお返事が遅れて申し訳ありません。

    わたしのほうでもヘッダーの自動広告がなくなったのを確認いたしました。
    ありがとうございます。

    ですが、ほかの設定なにをどうしたか覚えておらず・・
    すこし調べて見ようと思います;;

  • #59956 返信

    とっとちゃん

    連投失礼いたします。

    すでにクローズしていますが#59893の件でテーマをアップデート後あたりから、サイドバーウィジェットのタイトルアイコン(Font Awesome)が少し欠けて表示されるようになってしまいました。PCのみでの表示です。

    そこでキャッシュを消してみたら、今度はヘッダー内に広告が表示されるようになってしまいました><
    FAQを参考にgoogle-auto-placedの記述があったので、場所を特定してみるとおそらくヘッダーになっています。

    ただ、前述のとおり自動広告のコードはヘッダーから削除しているため、なぜ消えないのかわからず苦戦しております。

    おっしゃるとおり自動広告のコードがまだどこかに残っているのでしょうか?

  • #59975 返信
    わいひら
    わいひら
    キーマスター

    キャプチャ画像にあるように、Google Analyticsコードの少し上あたりに残っているようです。

    子テーマで挿入しているのであれば、一度使用中の子テーマをすべてダウンロードし、テキストエディターなどで、全ファイルのgrep検索(一括検索)を行なってみてください。

    検索キーワードは「//pagead2.googlesyndication.com/pagead/」とか「 google_ad_client」とかで良いかと思います。

  • #60086 返信

    とっとちゃん

    お返事が遅れまして申し訳ありません。

    現在、Simplicityテーマ内にGoogle AdSense広告を貼り付ける方法に記載のある設定しかしていないため、

    >検索キーワードは「//pagead2.googlesyndication.com/pagead/」とか「 google_ad_client」
    →これを除外すると、広告自体表示されなくなってしまわないでしょうか・・??(目次前とSNSボタン下など)
    AdSenseから取得したコードの文字列に「//pagead2.〜」と含まれているので。

    知識不足で論点がズレているかもしれませんが、アドバイスいただけますと幸いです;;

  • #60091 返信
    わいひら
    わいひら
    キーマスター

    →これを除外すると、広告自体表示されなくなってしまわないでしょうか・・??(目次前とSNSボタン下など)

    テーマ側の機能でその位置に表示させている場合は、子テーマ内のものを削除しても問題ないと思います。

    とりあえず、一度削除して試してみるとどうでしょうか。
    うまくいかなかった場合は、また戻せば良いので。

返信先: WordPress Popular Posts スマホでサイトを見るとランキング2位の場所に広告が表示され、レイアウトが崩れてしまっている
あなたの情報:




スポンサーリンク
アドセンス(大)
アドセンス(大)