AMPページの文中リンクのあとに意図しない改行が入る(もしもアフィリエイトだけ?)

Simplicityの特徴 フォーラム 不具合報告 AMPページの文中リンクのあとに意図しない改行が入る(もしもアフィリエイトだけ?)

  • このトピックには2件の返信、2人の参加者があり、最後にsimpfanにより9年、 4ヶ月前に更新されました。
2件の返信スレッドを表示中
  • 投稿者
    投稿
    • #48053
      simpfan
      ゲスト

      こんにちは。

      以前

      AMPページにおけるいくつか(画像、動画、本文)の表示エラーについて

      で本文中埋め込みリンクのあとの文が表示されなくなっていた不具合に対処していただきました。

      が、そのページを改めて見てみると、その文中リンクのあとに意図しない改行が入っていることに気付きました。通常ページではそのまま同じ行に文が続いているものです。

      ただ、以前確認したときには気が付かなかったので、もしかしたらもしもアフィリエイトの仕様変更

      http://blog.af.moshimo.com/2016/11/https/

      が影響しているのかもしれません。試しに他のリンクを文中に埋め込んでみたら、AMPページでも正常に表示されたので。

      よろしくお願いします。

    • #48084
      アバター画像わいひら
      キーマスター

      こんにちは。
      ご報告ありがとうございます。

      こちらの開発環境でもしもタグを貼り付けて、同様の不具合を確認しました。
      どうやら、AMPのイメージタグであるamp-imgのデフォルトのdisplay設定がblockになっているのが原因のようです。
      AMPの画像は、あらかじめ幅と高さを確保しておく必要があるので、これはAMPの仕様をともいえるかもしれません。
      (AMPの設定上の問題で、もしもの仕様変更とは多分関係ないように思います)

      ただ、width=”1″、height=”1″属性のインプレッション画像が改行状態で表示されては都合が悪いので、幅、もしくは高さが1の画像は、改行しないような表示にすれば、ある程度問題は解決出来るかもしれません。
      amp.cssに以下。

      amp-img[width|="1"],
      amp-img[height|="1"] {
        display: inline-block;
      }

      僕の環境では、上記コードで改善されました。
      とりあえず、幅が1、もしくは高さが1の画像を貼り付けるケースはほとんどないと思うので、次のバージョンでこのスタイルは、AMPに適用させておこうと思います。

    • #48089
      simpfan
      ゲスト

      わいひらさん、ありがとうございます。

      お知らせいただいたコードを追記したところ、僕の環境でもすべてのページで改善されました。

      いつもながら迅速なご対応、ありがとうございました!

2件の返信スレッドを表示中
  • このトピックに返信するにはログインが必要です。
スポンサーリンク
アドセンス(大)
アドセンス(大)