AMPページでアフィリエイトタグの謎の改行(空白)

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも AMPページでアフィリエイトタグの謎の改行(空白)

13件の返信スレッドを表示中
  • 投稿者
    投稿
    • #49979 返信
      けい
      ゲスト

      いつもありがとうございます。
      使用させてもらっているバージョンは2.4.7です。

      バリューコマースでYahoo!ショッピングのアフィリエイトをやっているのですが、通常ページでは正常に表示されるのですが、AMPページでは、謎の改行(縦に空白)が出来てしまいます。

      バリューコマースのアフィリエイトタグです。

      Yahoo!ショッピング

      そういう仕様なんでしょうか。よろしくお願いします。

    • #49980 返信
      けい
      ゲスト

      すみませんさっきのはリンクで表示されてしまいました。

      バリューコマースのアフィリエイトタグです。

      Yahoo!ショッピング

    • #49984 返信
      みき
      ゲスト

      表示されていなかったので…
      これで合っていますか?
      <a href="//ck.jp.ap.valuecommerce.com/servlet/referral?sid=***&pid=***&vc_url=http%3A%2F%2Fshopping.yahoo.co.jp%2F" target="_blank" rel="nofollow"><img src="//ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=***&pid=****" height="1" width="0" border="0" />Yahoo!ショッピング</a>

    • #50014 返信
      もうふ
      ゲスト

      私もamp化した際に同じ事象に遭遇しましたが、簡単なCSSで解決できました。
      amp.cssとアフィリエイトタグに少し追記することでアフィリエイトリンクをインライン化すれば不自然な改行はなくなります。

      まずamp.cssに以下のコードを記述します。

      span.textlink amp-img { display: inline-block; }

      記事を編集して、改行されてしまうテキストリンクのアフィリエイトタグを以下のspanで囲います。

      <span class="textlink">アフィリエイトタグ</span>

      これで改行はなくなるはずです(spanのclass名は好きなものを使ってください)。

    • #50030 返信
      アバター画像わいひら
      キーマスター

      とりあえず、手元のファイルは修正してみました。
      ただ、この修正で合っているのか見たいので、実際の不具合のでているページのURLを掲載していただいて、実際にどういった不具合が出ているのかを見せていただいてよろしいでしょうか?

    • #50091 返信
      けい
      ゲスト

      いつもありがとうございます。

      返信遅くなりすみませんでした。

      みきさん表示していただきありがとうございました。

      もうふさん不具合対策を教えていただきありがとうございました。

      わいひらさん不具合の出ているページはこちらです。

      http://37toki.com/azemichi-soft-16911

      バリューコマースのアフィリエイト画像リンクが通常ページでは表示されているのですが、AMPページでは表示されていないことが新たにわかりました。お手数ですがよろしくお願いします。

    • #50102 返信
      アバター画像わいひら
      キーマスター

      不具合ページありがとうございます!
      インプレッション画像の修正は何とかしたんですが、通常の画像の不具合修正については、原因のされるのに時間がかかりそうなので後で調べてみようと思います。
      結果はまたここに書こうと思います。

    • #50173 返信
      もうふ
      ゲスト

      バリュコマもamp対応のアフィリエイトタグを2月末から配信するようなのでそれで解決するかもしれませんね。

    • #50190 返信
      アバター画像わいひら
      キーマスター

      僕のテスト環境では問題なく画像も表示されているようです
      一応、以下のファイルでアップデートして試してもらって良いですか?
      https://wp-simplicity.com/wp-content/uploads/2017/02/simplicity2-2.zip

      あと、http://37toki.com/azemichi-soft-16911 のページのケースでは、imgタグにwidthとheightが設定されていないのも原因の1つです(Simplicityでは外部リンク画像で幅と高さが設定されていない場合は、それぞれ300pxでは表示される仕様となっているはずですが)。
      ですので、widthとheightを設定してみるというのも解決策の一つです。

    • #50203 返信
      けい
      ゲスト

      いつもありがとうございます。

      対策していただいたファイルでアップデートした結果、改行の空白は直りましたが、画像リンクは表示されませんでした。
      画像アフィリエイトリンクは商品画像アドレスをコピーして作るバリューコマースのシステムを使用しています。

      画像の幅や高さはそこでは設定できません。
      アフィリエイトタグに付け加えてやってみましたがやり方が悪いのかできませんでした。今は以前の状態のアフィリエイトタグに戻してあります。

    • #50204 返信
      けい
      ゲスト

      もうふさんありがとうございます。バリューコマースも2月末にAMP対策されるのですね。情報ありがとうございます。

    • #50209 返信
      アバター画像わいひら
      キーマスター

      僕の環境では問題なく動作しているので、ちょっとこれ以上は何とも出来ないです。
      もしかしたら、可能性は薄いですがプラグインの干渉ということも考えられます。
      不具合が再現できない上、僕からは以下の対策方法しかわからないです。
      動作不良時のガイドライン

    • #50213 返信
      けい
      ゲスト

      いつもありがとうございます。

      管理画面から確認できるAMPページを見るとこのように表示されます。

      http://37toki.com/wp-content/uploads/2017/02/amp212.jpg

      一通りキャッシュの削除やプラグイン停止をしてみたのですが駄目でした。知識がないためお手上げ状態です。動作不良時のガイドラインをよく読んで勉強したいと思います。

      お忙しい中ありがとうございました。

    • #50221 返信
      アバター画像わいひら
      キーマスター

      サイトから、全く同じタグをソースコードから入手してテスト環境で表示させると、当環境では以下のように表示されます。

      テスト環境からは、Simplicityの意図通りの表示がされているので、ちょっと不具合の再現方法がわからないと、今のところ僕も何ともできないかもしれません。
      原因が、プラグインでもなかったようなので、申しわけないですが、現時点では、他の解決策もちょっと思い当たらないです。

13件の返信スレッドを表示中
返信先: AMPページでアフィリエイトタグの謎の改行(空白)で#50213に返信
あなたの情報:




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