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

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

3件の返信スレッドを表示中
  • 投稿者
    投稿
    • #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/

3件の返信スレッドを表示中
  • トピック「AMPでInstagramの画像が表示されない」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)