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カスタマイズ依頼

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

twitterやyoutubeの埋め込...
 
共有:
通知
すべてクリア

twitterやyoutubeの埋め込みについて

19 投稿
6 ユーザー
13 Reactions
1,818 表示
(@ユーザー)
New Member
結合: 5年前
投稿: 3
トピックスターター  

当方知識なく申し訳ないです。

コクーンを利用させて頂いていて、リンク直貼りでtwitterやyoutubeの埋め込みをさせて頂いているのですが、正常に機能する動画やツイートと、正常に機能しないものが半々くらいです。

どうすれば良いでしょうか。

https://sumaho-mawari.com/e-cigarette/heated/iqos/trouble-solution/


   
引用
たなかま
(@tanakama)
Prominent Member Registered
結合: 7年前
投稿: 600
 

こんにちは。

添付画像の部分でしょうか?

不具合が起きている場所のキャプチャをいただけますでしょうか。

要因を特定するのに、冒頭の説明文にある環境情報も必要となります。

https://wp-cocoon.com/theme-report/

添付画像の箇所でしたら、埋め込んでいるアカウントが存在していないことになっています。

https://twitter.com/ww_Angela_ww/

 

 

 

 


   
わいひら reacted
返信引用
(@ユーザー)
New Member
結合: 5年前
投稿: 3
トピックスターター  

環境の表示方法がいまいちわからずまだ簡単な情報しかまとめられていませんが、そちらを出させていただきます。

wp os 5.2.4

cocoon 親 1.9.9.5.3

cocoon 子 1.0.8

利用しているプラグインは

  • akismet
  • contact form 7
  • google authenticator 
  • google xml sitemap
  • Regenerate Thumbnails

以上です。

症状は以下のような感じです。 https://sumaho-mawari.com/e-cigarette/heated/iqos/new-heets-cooljade-frostgreen/  のページで発生しています。


   
返信引用
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

環境の表示方法がいまいちわからずまだ簡単な情報しかまとめられていませんが、そちらを出させていただきます。

Cocoon設定・テーマ情報を

コピーして貼り付ければいい感じです。

 

 

ただ。今回の件はたなかまさんが説明されている通りだと思います。

添付画像の箇所でしたら、埋め込んでいるアカウントが存在していないことになっています。

https://twitter.com/ww_Angela_ww/

https://twitter.com/  を省いたアカウントさんがツイッターを。やめちゃったんだと思われます。

だから、もう。
そのツイートは内容が存在しない。
そのアカウント自体が存在しない
だから、以下画像のような表示になる。ように思います。


   
わいひら reacted
返信引用
たなかま
(@tanakama)
Prominent Member Registered
結合: 7年前
投稿: 600
 

こちらの方法は試せますでしょうか?

https://fantastech.net/wordpress-embed-content-reset

ソースの埋め込みではなく、ブログカードの方法でツイートを埋め込んでいるようなので、上記の方法が有効な可能性が高いです。

 

上記が難しい場合、以下から埋め込むとどうなりますでしょうか?

https://publish.twitter.com/

 

追記:かうたっくさん、すみません。かぶってしまいました。

ブログカードになったり、ならなかったりしているようです。

この投稿は5年前ずつたなかまに変更されました

   
わいひら reacted
返信引用
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

症状は以下のような感じです。  https://sumaho-mawari.com/e-cigarette/heated/iqos/new-heets-cooljade-frostgreen/   のページで発生しています。

こっちの症状ですけど。

もしかしたら、キャッシュが原因かも知れないですね?

https://siteorigin.com/clearing-oembed-cache/

エックスサーバーのサーバーパネルにログインした場所にあるデータベースでキャッシュの削除を行う方法が書いています。

データベースを触るので、失敗したとき用に復元できるバックアップを取っていたほうが良いと思います。

※エックスサーバーでもカンタンにデータベースなど、昨日のものに復元できる機能があります。

昨日の状態に戻るので、今日追加された記事・コメント。またはWordPress管理画面上で設定したものも昨日の状態にもどります。


   
わいひら reacted
返信引用
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

たなかまさん。

ありがとうございます!今気づきました^^; #猪突猛進 #ってか見えてませんでした…


   
返信引用
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

追記:かうたっくさん、すみません。かぶってしまいました。

ブログカードになったり、ならなかったりしているようです。

たなかまさんに。

URLを置いただけで、ツイッターが表示されるのがCocoonでは通常だと思います。

 

私も同じ状況になった事があり、ツイッター右上からiframe付きのコードをコピペした結果。うまくいったときと、いかなかったときがあります。※ちなみにエックスサーバーですが、別サーバーでもあるかも知れないです???

実際試してみないと分からないですが

たなかまさんの言うやってみたことがり、それで通りうまくいったと思っても、後にチェックしにアクセスしたらダメになってる。って事もあったので、データベースのキャッシュの可能性もあるかもしれないです。

なのでその環境でイロイロ気長に試してみないとわからないと思われます??

って今思っている状況でした❦

この投稿は5年前ずつかうたっくに変更されました

   
わいひら reacted
返信引用
たなかま
(@tanakama)
Prominent Member Registered
結合: 7年前
投稿: 600
 

僕が分かってないかもですが、ツイッターのURLを変換してくれるのはWordPressの機能ぽいので、素人的な考えですが、これがブログカードと相性あるのかなと、思っていました。

https://ja.blog.wordpress.com/2010/11/06/bring-tweets-to-your-content/

自分の環境で試してみたんですが、おっしゃるとおり安定しないですね・・・。


   
わいひら reacted
返信引用
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

たなかまさんに。

WordPressの機能だったかもです。
他テーマ:例えば今回もデフォルトテーマで試してないんですが。※以前は一応チェックしてたけど、チェックはトピック投稿者さんにお願いしようとか。

今までコチラがすべて試してきたけど、質問者さんに試してもらえば、時間的にも分散されていいのかな??とか思ったりです。

私と今までトピックをたてられた一部ユーザーさんも、安定しない環境なのかもしれませんが、再現しにくかったんです。でも再現できてるんですね!

とりあえず新発見です❦


   
返信引用
ろこ
(@lococo)
Prominent Member Registered
結合: 7年前
投稿: 830
 

以前、同様の不具合報告が挙がった際にoEmbedのキャッシュについては回答したのですが、

ツイッターのURLを変換してくれるのはWordPressの機能ぽい

はその通り(ただし、 https://ja.blog.wordpress.com/2010/11/06/bring-tweets-to-your-content/ とは異なる仕様)で、WordPress本体に実装されているoEmbed APIを用いた機能によるものです。

おおまかには、

  1. URLに基づくAPIリクエストを送信
  2. レスポンスから埋め込み用コンテンツを取得
  3. JSで埋め込み用コンテンツを表示用コンテンツに変換

の流れで表示されるのですが、サーバーの構成やセキュリティ面などの都合で、正しくレスポンスを受け取ることができないことがあります。

埋め込み用コンテンツを取得できないと、URLのまま変換されることはありません。
そして、正しいレスポンスを受け取れなくても一定期間(デフォルトは1日だったはず)キャッシュされてしまいます。

 

ブログカードと相性あるのかなと、思っていました。

Cocoonのブログカード機能はWordPressのoEmbed機能よりも後に実行されるので、変換されないまま残っているURLは外部ブログカードとして表示されることになります。

実行タイミングは異なるので、Cocoonのブログカード機能との相性の問題ではないと思います。

 

安定しない環境なのかもしれませんが、再現しにくかったんです。

多くの場合はレンタルサーバーで構成がブラックボックス化されているため、意図的に再現するのは難しいと思います。

サーバーを調整できない以上は、データベースにあるキャッシュを削除し、新たに正しいレスポンスを受け取るくらいしか解決方法がありませんが、同様の不具合が複数報告されているようなので、

  • ブログカードとoEmbedとを切り分ける。
  • どこかに不具合時の手順をまとめる。

くらいはあってもいいのかもしれません。


   
ippon and わいひら reacted
返信引用
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

 ユーザーさんに。

 

なにか忘れてる。って思って、寝かけてたところ起きて、けっこう寝ぼけてますが
いつも寝ぼけてる状態のようなワチャワチャですが。

 

ごめんなさい!分からない点があって、どうすればいいか不明って事があれば、声をかけてください。

 

当方知識なく申し訳ないです。

返信の内容をみて、何言ってだろ。全然入れない・・!?ってことがあったかもしれないです。

でも、トピック主さんの質問している事が解決すればOKなんです。

 

知識ない人への案内がメイン!です。

 

  • これをしようとしても、○○が分からないです! ? ? ? 

 

って言ってくださいね。その回答を聞いても、自分ではやっぱ無理だ。って思うのは、別途方法の案内を聞いてください。

 

私も、ついイロイロ読み飛ばしてしまうので、今後も読み飛ばしてしまう人ですが、なるほど。できる範囲そうならないよう、気を付けようと思ってみます

 

トピック主さんを

ほったらかしにしてるつもりはないですが、何となく・・・ゴメンナサイです。おやすみなさい ? 


   
わいひら reacted
返信引用
(@ippon)
New Member Registered
結合: 5年前
投稿: 2
 

当方、Cocoonを利用しております。

以前同じ不具合が起きて、色々試した末に埋め込みの使用を断念しました。
参考になる情報がありましたので、こちらに質問を投稿させていただきます。

VPSで運営していて、不具合が起きないようにしたいです。

どういったときに不具合が起きて、どのようにサーバーを調整すればいいのか分かりません。

回答されている方、どなたか教えていただけると幸いです。

この投稿は5年前ずつipponに変更されました

   
返信引用
たなかま
(@tanakama)
Prominent Member Registered
結合: 7年前
投稿: 600
 

かうたっくさん、ロコさん、ありがとうございます。

ロコさん、oEmbedについて詳しく教えていただき感謝します。

変換されなかったURLがブログカードになるわけですね。

以下にもたどり着けました。

https://wordpress.org/support/article/embeds/

  • ブログカードとoEmbedとを切り分ける。
  • どこかに不具合時の手順をまとめる。

おっしゃる通りですね。確かにそうしていただければ、便利かと思います。

トピック主さんにつきましては、かうたっくさんがおっしゃる通り、試してみようにも分からない点などがあれば、聞いていただければと思います。

 


   
わいひら reacted
返信引用
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

https://www.google.com/search?q=VPS

https://gyazo.com/e71db43b9763262cd61d856f779520bb

https://www.kagoya.jp › howto › rentalserver › basic-02

 

VPSで運営していて、不具合が起きないようにしたいです。

どういったときに不具合が起きて、どのようにサーバーを調整すればいいのか分かりません。

それが分からないので、情報が欲しい状態です。自分の環境でもサーバーの設定を常時同じ状況にしていなし。その状況になった設定もチェックもしてません。

そのチェック事項が正解なのか、別途違った原因があるか。っていう原因になる条件がわかりません。って事です。

 

不具合が出た環境の人に聞いてまわったら、いつか条件が分かるかもしれないです?

 

ただそこには誰も触れないし、触れると面倒だと思われる人が多い気がします。

 

一番わかりやすいのが以下の書き込みかもしれません。

変換されなかったURLがブログカードになるわけですね。

 

 

どういったときに不具合が起きて、どのようにサーバーを調整すればいいのか分かりません。

その情報が足りてない。ってことを個人的思うって話でした。っと。

 

 

また

上でリンクを置いた通り、以下リンク先のことを行うのが今は手っ取り早い。と思います

https://siteorigin.com/clearing-oembed-cache/

 

~~~追記~~~

そ。

  • 何かをおこなった結果、どうだったのか。

これが一番書き込んでほしい。と思うとこだと思われます。成功したの?ダメだったの?って部分です。

※追記:知りたいことの意図があってるか心配・不明。って感じでもあります

この投稿は5年前 2回ずつかうたっくに変更されました

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

サーバーの調整は、またテーマとは別のような気がします。
ただ、サーバーの調整であれば、検索すれば以下のようなものは出てきます。
https://www.sitespiral.jp/information/722/
こちらからサーバー環境見ることはできないので、上記以外が原因だった場合は、各自で解決していただくしかないかと思います。


   
ippon reacted
返信引用
ろこ
(@lococo)
Prominent Member Registered
結合: 7年前
投稿: 830
 

ippon様(#post-24067)への回答ですが、VPSと言ってもレンサバの延長なのでできることは限られると思います。

ご自身の環境から触れる範囲で、レスポンスが自サーバーに到達するまでの経路をひとつひとつ、APIを叩きながら見ていくしかありません。
主にWAFやNAT(iptables)などになってくるとは思いますが。

それから、きちんと自サーバーが処理できているか、負荷テストを行うなども必要かもしれません。

 


 

何度も同じ不具合が生じ、毎回キャッシュを削除するのが面倒な場合、フィルターフック'oembed_ttl'を用いてキャッシュ時間を短く設定(返り値$secondsには秒数)することで、oEmbedのコンテンツが表示されないままの状態を減らすことはできます。

add_filter('oembed_ttl', function($ttl) {
  return $seconds;
});

   
ippon reacted
返信引用
(@ユーザー)
New Member
結合: 5年前
投稿: 3
トピックスターター  

レスポンス遅れてしまい申し訳ありません!

全て読ませていただいたのですが、勉強不足で半分英語のようでした。。

しかしいろいろ試したところ、なんで改善したのかは全くわかりませんでしたが、たなかまさんの

上記が難しい場合、以下から埋め込むとどうなりますでしょうか?

https://publish.twitter.com/

の方法で改善しました?。ありがとうございました。


   
返信引用
(@ippon)
New Member Registered
結合: 5年前
投稿: 2
 

なるほど!

ロコさんの回答にある、キャッシュの時間を短くして様子を見てみようと思います。

他の方も回答くださりありがとうございました。


   
返信引用
共有:

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

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

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

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

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

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

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

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