Simplicity2.4.6公開。AMPでAmazonアソシエイトリンクが開かない問題の対策

Simplicityを2.4.6にバージョンアップしました。

主な変更点は以下。

  1. AMPページの「Amazonアソシエイトリンクがクリックできない」問題対策(詳細
  2. AMPで「サポート終了のタグまたは属性の使用(重大ではない問題)」が出るので事前に対策(詳細
  3. AMPのiframeで marginheight属性を取り除く(AMPエラーの不具合)(詳細
  4. カスタマイザーの「アクセス解析」項目の「Google Analytics トラッキングタイプ」のデフォルトを「analytics.js(ユニバーサルアナリティクス)」に変更

ほとんど、AMPの不具合対策です。

スポンサーリンク

Amazonアソシエイトリンクが開かない

Amazonアソシエイトで作成する「Amazonアソシエイトリンク」をamp-iframeで利用すると、クリック(タップ)しても商品ページが開かない問題がありました。

お世話になります。 現在Simplicity2.4.1を使いブログを運営しております。 記事内にAmazonアソシエイトの商品リンク(Am...

ただこれに関しは、iframe関係の問題なのか、原因がよくわからないので、以下のように、商品ページが開くボタンを付加するという対策をとることにしました。

相変わらず、AMPページでAmazonアソシエイトリンクを開いても、商品ページは開きませんが「Amazonで詳細を見る」ボタンをクリックすることで、ページが開くようにはしました。

AMP警告に対応

あと、1月上旬頃より、AMPページのバリデーションをチェックすると以下のような警告が出るようになったため対策しました。

AMP バリデーション警告

「amp-facebook extension .js script」で必要なタグ「amp-facebook」がないか、正しくありません。これはまもなくエラーとなります。

「amp-twitter extension .js script」で必要なタグ「amp-twitter」がないか、正しくありません。これはまもなくエラーとなります。

「amp-analytics extension .js script」で必要なタグ「amp-analytics」がないか、正しくありません。これはまもなくエラーとなります。

「amp-vine extension .js script」で必要なタグ「amp-vine」がないか、正しくありません。これはまもなくエラーとなります。

「amp-youtube extension .js script」で必要なタグ「amp-youtube」がないか、正しくありません。これはまもなくエラーとなります。

わいひら様、お世話になっております。 Simplicityテーマを使用し、AMPを設定しているのですが、1月3日頃よりGoogle Sea...

これは、エラーではなく警告のため、AMPページが表示されないということはないのですが、今後エラーとなるとのことなので、修正しておきました。

あとがき

今回のバージョンは、「Amazonの商品紹介でAmazonアソシエイトリンクを利用している」という方は、アップデートしておいたほうが良いかと思います。

GitHubリポジトリ

不具合等ありましたらGitHubに、ご連絡いただけると幸いです。

yhira/simplicity2

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

フォローする

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

コメント

  1. みき より:

    2.4.6リリースお疲れ様です!!

    AMPを試してみたら結構崩れました 泣
    使えないタグが多いので大変ですね…

    頑張ってみます
    お疲れ様でした!!

    • アバター画像 わいひら より:

      崩れたというのは、表示上の不具合でしょうか?

      • みき より:

        遅くなりました

        >崩れたというのは、表示上の不具合でしょうか?
        はい。
        ただSimplicity側ではないので問題ないです
        (プラグインでのデザイン崩れ)
        多分使えないタグがあったのだと思います

        • アバター画像 わいひら より:

          そういうことでしたか。
          編集時に不具合をこめてしまったかと。安心しました。
          プラグインは、いろいろな動作をしますものね;

          • みき より:

            編集時に不具合をこめてしまったかと。
            心配をおかけしてすみません

            プラグインは、いろいろな動作をしますものね;
            一文字で書くと「泣」としか言えません 泣笑

            便利なんですけどね…

  2. オオイシ より:

    リリースお疲れ様でした!
    実は僕もアップデート後にAMP表示の際に一悶着あったのですが、無事解決できました。
    古いAmazonアソシエイトコードを使っていると表示が崩れるようで、現在取得できるコードに差し替えると直ります。

    Simplicity側の問題ではなくフォーラムの方にも書きづらいので、
    自サイトにてまとめています。
    http://feb29.org/simplicity246-amazon-associate-error.html
    (↑のサイトは2.4.6を適用していません)

    • アバター画像 わいひら より:

      なるほど、そんな不具合があったんですね。
      よろしければ、こちら側でも古いアソシエイトコードで動作確認ができればと思います。
      もしよかったら、以下のメールから、古いコードを送っていただいてもよろしいでしょうか。
      https://wp-simplicity.com/mail/

      ※多分、iframeのコードはフォーラムやコメントに書き込もうとすると、エックスサーバーのファイヤーウォールにはじかれてしまうと思うので。
      本文とかは不要で、送ってもらえれば良いので、よろしければお願いします。

      • オオイシ より:

        先程メール送信しました!
        ・・・が、送信後のローディングがずっと続いていたので送信できているかどうか。

        内容重複してしまいますが、以下のページで表示崩れを再現しています。
        http://vivarium79.info/amazon-sword-cultivation-flower-base-result.html?amp=1

        PC表示であればソースをご確認いただけると思うので、
        お手数おかけしますが、よろしくお願いいたします。

        • アバター画像 わいひら より:

          どうやら送信されていないようです。
          メールでもダメなんですね;

          サイトだと、コードが変換されてしまっています。
          正確性を期すため、古いコードを以下のようにタグ(特殊文字)取り除いて、コメントに書き込んでいただいてよろしいでしょうか。

          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=xxx-22&o=9&p=8&l=as4&m=amazon&f=ifr&ref=as_ss_li_til&asins=B01ALAZOQI&linkId=132d987940c2f5f64960be02bbe3d876"

          これなら多分、ファイヤーウォールにはじかれないと思います。

          • オオイシ より:

            iframe style=”width: 120px; height: 240px;” src=”https://rcm-fe.amazon-adsystem.com/e/cm?lt1=_blank&bc1=000000&IS2=1&bg1=FFFFFF&fc1=000000&lc1=0000FF&t=may23-22&o=9&p=8&l=as4&m=amazon&f=ifr&ref=ss_til&asins=B001ERVU6G” width=”300″ height=”150″ frameborder=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no”

            これで大丈夫でしょうか。

          • アバター画像 わいひら より:

            コードありがとうございます。
            僕の環境でも、不具合を確認しました。
            どうやら、それはSimplicityの不具合のようです(というか、僕が旧式タグの存在を知らなかったのでそれにも対応したコードは書いていなかったのが原因)。
            修正したものを、以下にアップしてみました。
            https://wp-simplicity.com/wp-content/uploads/2017/01/simplicity2-4.zip
            よろしければ、試していただければ幸いです。

  3. オオイシ より:

    わいひらさん

    修正版テーマを適用し、旧式タグでも不具合が解消されました!!
    こんな短時間で修正して頂き、ほんとうにありがとうございます。

    実は他の運営ブログに旧式のアソシエイトリンクがたくさんあり、重い腰がいつまでも上がらない状態でした笑
    これで大幅に時間が節約できます!ありがとうございました^^