AMPエラー(Amazonアソシエイトリンク)

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも AMPエラー(Amazonアソシエイトリンク)

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

  • 投稿者
    投稿
  • #49330

    jh4vaj

    Amazonアソシエイトリンク(テキストと画像)を含むページがAMPでエラーを起こします。Google Search Consoleを見て気づきました。

    使用していたSimplicityは2.4.3をです。
    AMPテストを行ったところ、以下のエラーが起きました。

    AMP タグに無効なレイアウト プロパティがある
    The mandatory attribute ‘height’ is missing in tag ‘amp-iframe’.

    2.4.5に入れ替えたところ、エラー種類は変りましたが、エラー自体は起きてしまいます。

    AMP タグの無効な用法
    The attribute ‘marginheight’ may not appear in tag ‘amp-iframe’.

    エラーのもとは、タイトルにも書いた通り、Amazonのアソシエイトリンクです。
    該当するのは、例えば、こちらのページです。

    http://www.jh4vaj.com/archives/1286
    http://www.jh4vaj.com/archives/1286?amp=1

    似たようなトピックをこちらのフォーラム内に見つけました。

    AMP表示時のAmazonアソシエイトリンクの動作エラー(httpsの有無)について

    https://wp-simplicity.com/suport/topic/amp%E8%A1%A8%E7%A4%BA%E6%99%82%E3%81%AEamazon%E3%82%A2%E3%82%BD%E3%82%B7%E3%82%A8%E3%82%A4%E3%83%88%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%AE%E5%8B%95%E4%BD%9C%E3%82%A8%E3%83%A9%E3%83%BC%EF%BC%88https/

    これと同じなのかどうか判断がつかなかったので、別トピックとしました。

    お手数ながら、ご確認いただけないでしょうか?

  • #49346
    わいひら
    わいひら
    キーマスター

    http://www.jh4vaj.com/archives/1286
    上記ページで本文中に貼ってあれ、アソシエイトリンクのコードを、以下のコードの貼り付け方を参考に、書き込んでいただいてよろしいでしょうか。
    https://wp-simplicity.com/suport/topic/first-time/

    ただ、デフォルトがアマゾンアソシエイトリンクを利用している場合は、AMPでちゃんと表示したとしても、クリックできないという、おそらくAMPで利用するiframe特有の不具合があります。
    詳細は以下。

    AMPエラーは消えるのですが、実際のAMPページで確認すると表示は正常にされているもののクリック・タップをしてもページが遷移しません。
    AMP表示時のAmazonアソシエイトリンクの動作エラー(httpsの有無)について

    この不具合の直し方は、現在分かっていません。
    なので、この不具合の原因がわかるか対処方法がわからない限りは、AMPページリンクは正常動作しないと思います。

  • #49418

    jh4vaj

    すみません。遅くなりました。
    当該コードをここに貼り付けると、以下のエラーになるのですが。

    403 Forbidden

    A potentially unsafe operation has been detected in your request to this site.

    もちろん、「code」ボタンは押しています(バッククォートで囲まれます)。
    さて、どうしたものでしょう?

  • #49419

    みき

    最初の<にしたり(大文字)
    変換のやつで出来るはずです
    (忘れました 笑)

  • #49427
    わいひら
    わいひら
    キーマスター

    おそらく、サーバーのファイアウォールがタグを弾いているのだと思います。
    このツールを利用して特殊文字を変換すると、多分貼り付けられると思います。
    http://tech-unlimited.com/escape.html

  • #49432

    みき

    それです
    それです 笑

  • #49439

    jh4vaj

    ありがとうございます。

    特殊文字を変換したコードは以下です。

    <iframe style="width:120px;height:240px;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" src="//rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=xxxx-22&o=9&p=8&l=as4&m=amazon&f=ifr&ref=as_ss_li_til&asins=B01EVM3YV4&linkId=e3375d5a7a706ff2d19fe47333f8f805"></iframe>

    よろしくお願いします。

    • この返信は2 ヶ月、 2 週間前に わいひら わいひら さんが編集しました。理由: コード表示の修正
  • #49440

    jh4vaj

    ダブルクォーテーションが「&quot;」になってしまっているようですが、
    お教えいただいた変換ツールの逆変換(?)モードで元に戻せるようです。

  • #49450
    わいひら
    わいひら
    キーマスター

    ソースコードをありがとうございます。
    (ソースコードは修正しておきました)

    不具合を修正してみたので、以下のファイルでアップデートして試してもらってよろしいでしょうか。
    https://wp-simplicity.com/wp-content/uploads/2017/01/simplicity2-1.zip

  • #49457

    jh4vaj

    ありがとうございます。
    そのsimplicity2-1.zipをインストールしたところ、AMPテストのエラーはなくなり、テスト結果が、

    「有効な AMP ページです」

    と表示されました。

    なお、「タップしてもジャンプしない」はそのままでした。一応、報告しておきます。

  • #49475
    わいひら
    わいひら
    キーマスター

    AMPページのAmazonアソシエイトリンクのiframeがクリックできないのは、原因もわからないですし、今のところはどうにもならないと思います。
    ですので、以下のようなボタンをつける仕様にしてみました。

    https://wp-simplicity.com/wp-content/uploads/2017/01/simplicity2-2.zip
    これ以上の対策は、今のところは難しいかもしれません。

  • #49514

    jh4vaj

    素晴らしいアイデアですね。ありがとうございます。早速、導入しました。

    ところで、確認用に提示したAmazonアソシエイトのコードですが、あれをこのままここに掲示し続けるのは規約上の問題があるかもしれないと思うのですが、いかがでしょうか?リンクとして機能しない形ではありますが、少々気になります。後半(もしくは中間)部分を削除するなどして頂けると安心なのですが。よろしくお願いします。

  • #49533
    わいひら
    わいひら
    キーマスター

    ソースコードが表示される分には問題ないと思います。
    ただ、アソシエイトID部分は伏字にしておこうと思います。

  • #49546

    jh4vaj

    ご対応いただき、ありがとうござます。

トピック「AMPエラー(Amazonアソシエイトリンク)」への新規返信追加は締め切られています。

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