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

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

このトピックには13件の返信が含まれ、2人の参加者がいます。10 ヶ月前わいひら わいひら さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #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の意図通りの表示がされているので、ちょっと不具合の再現方法がわからないと、今のところ僕も何ともできないかもしれません。
    原因が、プラグインでもなかったようなので、申しわけないですが、現時点では、他の解決策もちょっと思い当たらないです。

返信先: AMPページでアフィリエイトタグの謎の改行(空白)
あなたの情報:




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