AMPでInstagramの画像が表示されない

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも AMPでInstagramの画像が表示されない

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

  • 投稿者
    投稿
  • #60775

    Y

    お世話になります。

    インスタの埋め込みですが、投稿画面からURLを直接貼っています。
    通常のページでは全く問題無く埋め込めるのですが、AMPで確認すると画像だけが無くなっています。

    本来画像があるところに「View this post on Instagram」という文字が表示され、そこをクリックするとインスタの該当ページに飛ぶという状態です。

    インスタの「埋め込み」から、埋め込みコードをコピーして貼り付けても同様です。
    TwitterやYouTubeなども同じように埋め込んでみましたが、そちらはAMPでも問題無く表示されております。

    AMPではインスタの画像は表示されないものなのでしょうか?

  • #60776

    Akira

    Instagram の仕様が変わったかな?

    Instagram の URL にパラメータが付いていて、AMP 用に変換できなくなっています。

    わいひらさんが修正されると思います。

    もし、「次回の Simplicity アップデートまで待てない!」「すぐに修正したい!」とご希望の場合には、下記のコードを子テーマの functions.php に追加すると、すぐに修正できます。

    add_filter( 'the_content', function( $the_content ) {
      
      if ( !is_amp() ) {
        return $the_content;
      }
      
      $pattern = '/<blockquote class="instagram-media".+?"https:\/\/www.instagram.com\/p\/(.+?)\/.+?".+?<\/blockquote>/is';
      $append  = '<p><amp-instagram layout="responsive" data-shortcode="$1" width="592" height="592"></amp-instagram></p>';
      $the_content = preg_replace($pattern, $append, $the_content);
      
      return $the_content;
      
    }, 999999999 );

    ただし、次回の Simplicity アップデート時に、このコードは削除する必要があります。

  • #60777

    Y

    Akiraさん、ありがとうございます!
    コードを追加したところ無事に表示されました。

    また、次回アップデートの際に削除すること、了解しました。

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

    Akiraさんのコードを参考に、Simplicityを修正しておきました。
    https://wp-simplicity.com/simplicity2-7-2/
    ダウンロード
    https://wp-simplicity.com/downloads/downloads2/

トピック「AMPでInstagramの画像が表示されない」への新規返信追加は締め切られています。

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