Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

インスタの埋め込み表記がリンク表示とな...
 
共有:
通知
すべてクリア

インスタの埋め込み表記がリンク表示となる件について

28 投稿
5 ユーザー
15 Reactions
2,372 表示
(@chang-taka)
Active Member Registered
結合: 2年前
投稿: 13
Topic starter  

わいひら様、各位

初めまして。早速ですが表題の件について相談させてください。

ブログ内にインスタの投稿を埋め込み表示(カスタムHTMLにて入力)しているのですが、画像の表示ではなくリンクに変換されてしまいます。(添付画像参照ください。)
また、AMPページではリンク表示にもならず、空白画像となってしまいます。

本不具合は半年くらい前から発生する様になっており、私のPC、アイフォンのいずれの環境でもリンク表記となっています。

リンク表示ではなく、埋め込み表示に戻せれば、、、と思っております。
改善方法について、お知恵をお借りできれば幸甚です。
よろしくお願いいたします。

 

不具合ページ例

https://chang-taka.com/47brand/

 

解決の為に試した事

①全プラグインの無効化 → 改善しませんでした。

②サーバーキャッシュの削除(下記参照)→ 改善しませんでした。

https://www.xserver.ne.jp/manual/man_server_cache.php

③過去フォーラムにて同様の不具合の解決策となった、head内にembed.jsを読ませる → 改善しませんでした。

https://wp-cocoon.com/community/blog-manages/%E5%9F%8B%E3%82%81%E8%BE%BC%E3%81%BF%E3%82%A4%E3%83%B3%E3%82%B9%E3%82%BF%E3%82%B0%E3%83%A9%E3%83%A0%E3%81%8C%E8%A1%A8%E7%A4%BA%E3%81%95%E3%82%8C%E3%81%9A%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%AB%E3%81%AA/

 

環境情報

----------------------------------------------
サイト名:ちゃん貴の物欲解消備忘録
サイトURL: https://chang-taka.com/wp
ホームURL: https://chang-taka.com
コンテンツURL:/wp/wp-content
インクルードURL:/wp/wp-includes/
テンプレートURL:/wp/wp-content/themes/cocoon-master
スタイルシートURL:/wp/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン:6.1.1
PHPバージョン:7.4.33
ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.1 Safari/605.1.15
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja
----------------------------------------------
テーマ名:Cocoon
バージョン:2.5.4.2
カテゴリ数:23
タグ数:300
ユーザー数:4
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:0.0.5
style.cssサイズ:827バイト
functions.phpサイズ:169バイト
----------------------------------------------
Gutenberg:1
AMP:1
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp/wp-content/uploads/2012/12/IMG_8069.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
----------------------------------------------
利用中のプラグイン:
Akismet Anti-Spam 5.0.2
BackWPup 4.0.0
Broken Link Checker 1.11.21
CFiltering 1.5.0
Contact Form 7 5.7.2
EWWW Image Optimizer 6.9.3
Google XML Sitemaps 4.1.7
Public Post Preview 2.10.0
Search Regex 3.0.6
Site Kit by Google 1.90.1
TablePress 2.0.1
WebSub (FKA. PubSubHubbub) 3.1.2
WordPress Popular Posts 6.1.1
WP-Optimize - Clean, Compress, Cache 3.2.10
WP Multibyte Patch 2.9
----------------------------------------------


   
引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7921
 

chang-takaさん

私の環境では、表示されますね。

 
 
chang-takaさんのサイトの埋め込みコードは、以下のような感じでした。
<blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/Ccr7zXavahZ/?utm_source=ig_embed&amp;utm_campaign=loading" data-instgrm-version="14" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:16px;"> <a rel="nofollow noopener" href="https://www.instagram.com/p/Ccr7zXavahZ/?utm_source=ig_embed&amp;utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div></div></div><div style="padding: 19% 0;"></div> <div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-511.000000, -20.000000)" fill="#000000"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></div><div style="padding-top: 8px;"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;">この投稿をInstagramで見る</div></div><div style="padding: 12.5% 0;"></div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"><div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div></div><div style="margin-left: 8px;"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div></div><div style="margin-left: auto;"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div></div></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"></div></div></a><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a rel="nofollow noopener" href="https://www.instagram.com/p/Ccr7zXavahZ/?utm_source=ig_embed&amp;utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">chang_taka(@taka_chang_taka)がシェアした投稿</a></div></blockquote> <script async="" src="//www.instagram.com/embed.js"></script>
 
長いので、探すのが大変ですが最後のpタグは、閉じタグがないですね。
以下で始まるpタグです。
<p style=" color:#c9c8cd;
 
 
他の埋め込みも、pタグが閉じられていないものがあるようです。
 
それが原因かは分からないですが、1度埋め込みコードを取得し直してみると、どうなるのかなという気はします。
 
 

   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7921
 

ちなみに、私が拝見すると、むしろAMPページは表示されているんですよね。


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7921
 

今、私の環境で埋め込みコードを確認してみましたが、pタグ閉じられていないですね。

そうだとすると、別の原因っぽいですが、正直不明です。
私の環境では、埋め込みコードを取得して、カスタムHTMLブロックに貼り付けると、普通に表示されます。

他テーマに切替てみる
再度、プラグインを全停止してみる

など、ご確認いただいても良いかも知れません。

以下の方法を試すのも一案かと思います。

WordPressのトラブルシューティングを劇的に楽にする「Health Check & Troubleshooting」プラグインの使い方。
https://nelog.jp/health-check-and-troubleshooting-plugin

そして途中で申し訳ないですが、時間も時間ですので、もう休んでしまいます。


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7921
 

あれ?

もしかして、AMPは無効化されていますか?

そうだとすとると、なぜこちらは表示されるか・・・だと思います。

すみませんが、既にPCは落としてしまい、今もスマホからですので、これにて失礼してしまいます。


   
返信引用
(@chang-taka)
Active Member Registered
結合: 2年前
投稿: 13
Topic starter  

MK2様

MK2様の環境では表示されるとの事、承知しました。
ご丁寧に色々とご教授ありがとうございます。非常に助かります。

一方で、私の環境特有のみならず、先日読者の方から画像表示できていない旨の指摘を頂いた事もあり、何か特有の条件下にて発生する不具合なのかもしれません。

 

取り急ぎ、Pタグの件含めて、下記をトライしてみました。

・HTMLの再取得/貼付け → 改善しませんでした。

・Pタグの閉じタグの追記 → 改善しませんでした。

・プラグインの全停止 → 改善しませんでした。

・他テーマへの切り替え → 改善しませんでした。

 

また、AMPは有効化しております。
AMP環境での表示状態については添付の様な大きな空白となってしまいます。

ご紹介頂いた「Health Check & Troubleshooting」プラグインを確認してみます。

 


   
返信引用
(@chang-taka)
Active Member Registered
結合: 2年前
投稿: 13
Topic starter  

追記です。

「Health Check & Troubleshooting」を試してみました。

親テーマを有効化した際(プラグインは全停止)にも、同様の不具合が見られました。

とはいえ、上述の通り、他テーマでも同様の不具合が発生しているので、cocoonの親テーマに不具合があるというよりは別の要因があるのかもしれません。

This post was modified 2年前 by chang-taka

   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17179
 

投稿者:: @chang-taka

親テーマを有効化した際(プラグインは全停止)にも、同様の不具合が見られました。

とはいえ、上述の通り、他テーマでも同様の不具合が発生しているので、cocoonの親テーマに不具合があるというよりは別の要因があるのかもしれません。

他テーマというのはWordPress公式のテーマでも同様の問題が起きたということでしょうか。


   
返信引用
(@chang-taka)
Active Member Registered
結合: 2年前
投稿: 13
Topic starter  

@yhira 

わいひらさま

ご確認ありがとうございます。

はい、そうです。

twenty twenty-twoでも同様でした。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7921
 

chang-takaさん

投稿者:: @chang-taka

一方で、私の環境特有のみならず、先日読者の方から画像表示できていない旨の指摘を頂いた事もあり、何か特有の条件下にて発生する不具合なのかもしれません。

こちらを補足させていただきますと。

私から、chang-takaさんのサイトを閲覧すると表示されていません。

私の環境というのは、「私のテスト環境に埋め込みコードを埋め込んだ場合」という意味です。
その場合は、問題なく表示されています。

 

投稿者:: @chang-taka

また、AMPは有効化しております。
AMP環境での表示状態については添付の様な大きな空白となってしまいます

こちらは、AMPが有効であることを確認させていただきました。
私からは、むしろAMPページが表示されているように見えるんですよね。
(Googleのキャッシュを見た訳ではないので、そこが違うのかもしれないですが)


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7921
 

chang-takaさん

AMPページは、Googleのキャッシュの方も表示されていますね。

(スマホ実機で確認しました。URLを見ていただければと)


   
わいひら reacted
返信引用
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

@chang-taka さん

<head> の最後にある Instagram の <script> の削除でどうなるでしょうか?


   
わいひら reacted
返信引用
(@chang-taka)
Active Member Registered
結合: 2年前
投稿: 13
Topic starter  

@mk2_mk2 

>MK2さん

年の瀬にも関わらず、ご確認ありがとうございます。
なるほどです。通常環境下ではMK2さんにアクセス頂いても見れないですか。。。

その一方でAMP環境では見れているという事も承知しました。こちらは少し安心しました。

同じ様な症状の方が居られないか、当方も更にググってみます。

 


   
返信引用
(@chang-taka)
Active Member Registered
結合: 2年前
投稿: 13
Topic starter  

@akira 

>Akiraさん

アドバイス頂いた通り、当該のコマンドを一先ず消去してみましたが、改善しませんでした。

ちなみに、このスクリプトは過去に同様の不具合があったトピックがあり、その時の解決策として記載があった方法でした。その為、ご指摘のとおり、デフォルトの設定では存在しません。

確認いただき、ありがとうございます。


   
返信引用
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

@chang-taka さん

私の環境では、Chrome、Edge、Firefox、WebKit のいずれでも表示されるようになりました。


   
返信引用
(@chang-taka)
Active Member Registered
結合: 2年前
投稿: 13
Topic starter  

@akira 

Akiraさん

ありがとうございます。

当方、Safariで開いている(pcもSafari)と添付の様な表示になります。

ブラウザの影響もあるのでしょうか。

 


   
返信引用
chu-ya
(@chu-ya)
Famed Member Registered
結合: 3年前
投稿: 2895
 

iPhoneXr、Safariで確認しましたが表示されます。


   
わいひら reacted
返信引用
(@chang-taka)
Active Member Registered
結合: 2年前
投稿: 13
Topic starter  

@chu-ya さん

ご確認ありがとうございます。
Safariでも表示できている旨、承知しました。
そうなるともう何が起因して不具合が起きているかわからなくなってきました。

 


   
返信引用
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

@chang-taka さん

私であれば、以下のことを試します。

  • Chrome など他のブラウザで確認する
  • Safari のプライベートブラウズで確認する
  • Safari のキャッシュや Cookie を削除する
  • Safariの プライバシー設定 を変更してみる
  • Safari の拡張機能を無効にしてみる

今のところ、chang-taka さんのブラウザかデバイスが原因の可能性が高いです。ですが、サイトに原因があるとお考えになり、Instagram の <script> を <head> に追加されたため、全ての人に Instagram が表示されなくなっていたように思えます。

This post was modified 2年前 by Akira

   
わいひら reacted
返信引用
(@chang-taka)
Active Member Registered
結合: 2年前
投稿: 13
Topic starter  

@akira  さん

確認ありがとうございます。
私の3デバイス(PC、iPad、iPhone)全てに同じ症状が出ているので、デバイスに起因するとも思えないのですが、それでもデバイスに起因する可能性はありそうでしょうか。

またアドバイスいただいた内容の対応結果としても、キャッシュやクッキー削除でも変化はありませんでした。
また、拡張機能は元々使用していませんのでこれも対象外かと思います。

※別環境で表示させる事を目的としていない(Safariで表示されないトラブルの解消が意図)なので、別ブラウザでの確認は対象外としています。

ワードプレスのキャッシュ削除をしても変化ありませんでした。

他の方がリンク表示にならない様でしたらば、しばらく放置しておこうと思います。


   
返信引用
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

@chang-taka さん

私の3デバイス(PC、iPad、iPhone)全てに同じ症状が出ているので、デバイスに起因するとも思えないのですが、それでもデバイスに起因する可能性はありそうでしょうか。

ありえます。

最初に思ったのですが、AMP ページで表示されないのがおかしいです。通常ページと AMP ページとでは、Instagram を表示する方法が異なります。AMP ページでは AMP 側で処理をしています。ですので、<head> にあった <script> の影響は受けておらず、mk2さんも私も最初から AMP ページでは表示されていました。

それが表示されないとなると、chang-taka さんだけの問題のように思えます。その原因がブラウザなのか、OS やセキュリティソフトを含むデバイスなのか、その他の何かなのかは今のところ分かりません。

またアドバイスいただいた内容の対応結果としても、キャッシュやクッキー削除でも変化はありませんでした。
また、拡張機能は元々使用していませんのでこれも対象外かと思います。

プライベートブラウズやプライバシー設定の変更はお試しになりましたか?特にプライベートブラウズでの確認は必要だと思います。

※別環境で表示させる事を目的としていない(Safariで表示されないトラブルの解消が意図)なので、別ブラウザでの確認は対象外としています。

他のブラウザで確認しなければ、原因が Safari なのかが分かりません。

Chrome 等で表示されれば、Safari が原因の可能性があります。しかし、Chrome 等でも表示されなければ、Safari 以外の何かが原因の可能性があります。

ちなみに、以下のページの上部に添付画像と同じ Instagram の埋め込みがありますが、この埋め込みは表示されるでしょうか?

https://ecnomikata.com/ecnews/32961/

私を含め chang-taka さん以外は見えているため、chang-taka さんがよろしければ放置でもいいと思います。


   
わいひら reacted
返信引用
(@chang-taka)
Active Member Registered
結合: 2年前
投稿: 13
Topic starter  

@akira さん

確認ありがとうございます。確認結果を下記しますね。

投稿者:: @akira

プライベートブラウズやプライバシー設定の変更はお試しになりましたか?特にプライベートブラウズでの確認は必要だと思います。

はい、確認しています。

しかし表示はされません。(添付左端参照)

 

投稿者:: @akira

ちなみに、以下のページの上部に添付画像と同じ Instagram の埋め込みがありますが、この埋め込みは表示されるでしょうか?

こちらも表示されません。

(添付左から2枚目参照)

投稿者:: @akira

Chrome 等で表示されれば、Safari が原因の可能性があります。しかし、Chrome 等でも表示されなければ、Safari 以外の何かが原因の可能性があります。

 

Chromeであれば、表示可能でした。

(添付右2つ参照)

 

これからいえばSafariの環境の問題のようにも思えます。

しかし、デバイスに由来するメカニズムがよく理解できないです。その場合、どういう理由が原因と考えられますでしょうか。


   
返信引用
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

@chang-taka さん

ブラウザのキャッシュや Cookie、サイトデータを削除すれば表示されることが多いんですけどね。

朗報は、chang-taka さんのサイトに不具合が発生しているわけではないことです。

検索しても Safari の不具合情報などは出てきません。ブラウザの設定が怪しい気はします。 

ちなみに、PC、iPad、iPhone に同じセキュリティソフトをインストールしていらっしゃいますか?Chrome で表示されるとのことですが、セキュリティソフトの広告ブロック機能が邪魔をしているかもしれないと頭に浮かびました。

This post was modified 2年前 by Akira

   
わいひら reacted
返信引用
(@chang-taka)
Active Member Registered
結合: 2年前
投稿: 13
Topic starter  

@akira さん

セキュリティソフトは入れてないんです。

特にアイフォン、アイパッドはデフォルトのままです。

 

ちなみに、

投稿者:: @akira

 

私の3デバイス(PC、iPad、iPhone)全てに同じ症状が出ているので、デバイスに起因するとも思えないのですが、それでもデバイスに起因する可能性はありそうでしょうか。

ありえます。

ここで「ありえる」(=デバイスに起因する可能性がある)とコメントいただいていますが、この可能性は上記のセキュリティソフトの事を指していますか?

投稿者:: @mk2_mk2

私から、chang-takaさんのサイトを閲覧すると表示されていません。

私の環境というのは、「私のテスト環境に埋め込みコードを埋め込んだ場合」という意味です。

過去にMK2さんも上記の様におっしゃっていたので、通常環境下で表示されない方も居られる様に思うんですよね。

とりあえず、当方の友人含めて同不具合の発生状態をn増し確認して見ますね。

This post was modified 2年前 by chang-taka

   
返信引用
(@akira)
Famed Member Registered
結合: 7年前
投稿: 1657
 

@chang-taka さん

ここで「ありえる」(=デバイスに起因する可能性がある)とコメントいただいていますが、この可能性は上記のセキュリティソフトの事を指していますか?

セキュリティソフトも入っています。他にはブラウザや OS の設定、DNS 設定や VPN を含む回線、アプリなどです。

過去にMK2さんも上記の様におっしゃっていたので、通常環境下で表示されない方も居られる様に思うんですよね。

これは以前申し上げたとおりです。

「サイトに原因があるとお考えになり、Instagram の <script> を <head> に追加されたため、全ての人に Instagram が表示されなくなっていたように思えます。」

今は <script> がなくなったため、chang-taka さん以外は見えています。また、他のサイトに埋め込まれている Instagram も表示されないため、chang-taka さんだけの問題のように思います。

あと、私から言えることは 2 つです。

  • パソコンの Safari でデベロッパーツール(インスペクター)を開き、コンソールに何かエラー表示がないか確認する
  • Apple サポートコミュニティで質問する

   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7921
 

chang-takaさん

私の名前が出てきましたので・・・。

現在は、私からも閲覧できています。

私から見えなかったのは、対処前だと思います。

対処前は・・・。

  • chang-takaさんのサイトの埋め込みは、表示されていなかった
    (おそらく皆さんから見えない状態だった)
  • 私のテスト環境に埋め込むと、表示された

 
上記のことから、chang-takaさんのサイトの問題と思われた。
そして、実際にAkiraさんにご指摘いただいて対処した後には、表示されている。

現在は、Safariの方でも表示されている方もいらっしゃるようですので、chang-takaさんの端末の問題の可能性が高いということかと思われます。
(もしかすると、chang-takaさんと同じ状態の端末が他にもあるかもしれませんが、今のところ原因がハッキリしないということかと。)


   
返信引用
(@chang-taka)
Active Member Registered
結合: 2年前
投稿: 13
Topic starter  

@akira さん

なるほどです。
諸々が影響する可能性があるのですね。ご教授いただきありがとうございます。

一先ずアドバイス頂いた通り、

投稿者:: @akira

 

  • パソコンの Safari でデベロッパーツール(インスペクター)を開き、コンソールに何かエラー表示がないか確認する
  • Apple サポートコミュニティで質問する

 

この辺りを進めてみます。

根気強くお付き合い頂き、ありがとうございました。


   
返信引用
(@chang-taka)
Active Member Registered
結合: 2年前
投稿: 13
Topic starter  

@mk2_mk2 さん

現状の確認、ありがとうございます。

通常環境下でも表示されている旨、承知しました。

一先ずサイト側の不具合ではなさそうなので、Akiraさんからアドバイス頂いた通りSafari関連での調査を進めてまいります。

MK2さんも色々とアドバイスいただき、ありがとうございました。


   
わいひら reacted
返信引用
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました