サイト全体に「モダンブラック 」スキン適用中。

ツイッターにシェアした時に動画が添付されない。 | ブログ相談 | Cocoon フォーラム

書き込みの前に以下の3点をご確認ください。

  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示してください
  3. 該当部分のキャプチャ環境情報とともに書き込んでいただけると助かります

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

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

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

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
ツイッターにシェアした時に動画が添付さ...
 
Share:

[解決済] ツイッターにシェアした時に動画が添付されない。  

  RSS

chieiwashita
(@chieiwashita)
Active Memberサイト
参加: 4か月 前
投稿: 12
2018年12月3日 23:34  

WordPress初心者ですが、Cocoonは素人の私にもわかりやすく、サクサクとサイトが出来上がっていきます!それで色々試したのですが、質問です、ツイッターでシェアした時に全てプロフィール画像になってしまいます。(プロフィール画像は小さなものを使用)フェイスブックにシェアした場合は動画もアイキャッチ画像もうまく添付されております。
例えばこのページも、出来ればツイッターで動画付き、またはアイキャッチ画像で表示したいのですが。。 https://applebox.tokyo/guitar-lesson-5/
どうしたらよいでしょうか?どうぞよろしくお願いいたします。

 

chieiwashita


わいひら
(@yhira)
メンバーサイト Admin
参加: 1年 前
投稿: 4142
2018年12月4日 20:53  

ソースコードを見てみると、「Cocoonが出力しているTwitter Cardsタグ」と「Jetpackか出力してるTwitter Cardsタグ」が混在しています。
それぞれ違う画像が設定されており、後から出力されているJetpackのものが採用されているようです。
なので、Jetpackの「OGP(Twitter Cards)タグ出力機能」を無効にすることをおすすめします。
おそらく、「パブリサイズ・共有」を無効にすればOGPも無効になるはず。
「パブリサイズ・共有」を有効化したままOGPだけ無効にするには、以下の方法を行う必要があるかも。
https://youland.net/1711.html


わいひら
(@yhira)
メンバーサイト Admin
参加: 1年 前
投稿: 4142
2018年12月4日 20:56  

「パブリサイズ・共有」の無効化方法は「Jetpack設定→共有→パブリサイズの接続」項目の「投稿をソーシャルネットワークに自動共有」を無効にすると多分できるのではないかと。


chieiwashita
(@chieiwashita)
Active Memberサイト
参加: 4か月 前
投稿: 12
2018年12月6日 12:21  

わいひらさん、お返事ありがとうございます。

添付写真のようにスイッチを切り替えましたが

まだ動画は添付されず、アイキャッチ画像か
プロフィール画像になってしまいます。。。

ソースコードを入れる、という方法は
よくわからなかったのでトライしておりませんが。。。

他に解決方法はございますか?

どうぞよろしくお願いいたします。

chieiwashita


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 1年 前
投稿: 2049
2018年12月6日 12:52  

https://cards-dev.twitter.com/validator

ここに該当URLを入れて進めたらうまくいくかもしれません。


chieiwashita
 chieiwashita
(@chieiwashita)
ゲスト
参加: 3か月 前
投稿: 2
2018年12月6日 14:24  

ありがとうございます!

やってみましたらプレビュー画面はやはりアイキャッチ画像です。。
下にこんなコメントがついてました。。
*****

ログ
情報:ページが正常にフェッチされました
INFO:32個のメタタグが見つかりました
情報:twitter:card = summary_large_imageタグが見つかりました
情報:カードが正常に読み込まれました

かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 1年 前
投稿: 2049
2018年12月6日 15:23  

現在まだキャッシュが残っているのようです。

ロリポップのキャッシュが最近あるようですね。検索した結果以下ページがヒットしました。

https://lolipop.jp/manual/hp/content-cache/

コンテンツキャッシュ設定・解除方法

詳細は見てませんが、キャッシュの設定は5分で変更が完了できるとやらです。

 

キャッシュの削除を行っていただけますか。

さっき私が見た状態ではわいひらさんの言われた設定が残っているようです。


わいひら
(@yhira)
メンバーサイト Admin
参加: 1年 前
投稿: 4142
2018年12月6日 20:51  

確かにまだソースコードにJetpackのタグが残っているようですね。
ページキャッシュ系のプラグインとかも使用されていないですか?使用しているようであれば、キャッシュをクリアしてください。


chieiwashita
(@chieiwashita)
Active Memberサイト
参加: 4か月 前
投稿: 12
2018年12月6日 21:58  

キャッシュは削除しましたが
変わらず動画ではなくアイキャッチ画像になってしまいます、、、

cocoonを導入する前に知人にカスタマイズでテーマを作ってもらっていたのですが、
結局うまくいかず、自分でcocoonに変更、ここまで出来ました。

プラグインはマニュアル通りに設定したのですが、例えば古い設定が残ってるなどの影響も考えられるのでしょうか、、?

どうぞよろしくお願いいたします。

chieiwashita


chieiwashita
(@chieiwashita)
Active Memberサイト
参加: 4か月 前
投稿: 12
2018年12月6日 22:18  

今、プラグインの中はこうなってます、(書き写しました)

すべて13、使用中11、停止中2、利用可能な更新4
Akismet Anti Spam 設定:停止
All in one SEO 停止
Back WPup  停止
Category Order and Taxonomy Terms Order 停止
Google XML Sitemaps  停止
Hello Dolly 有効化:削除
 jetpack by wordpress.com  停止
post Snippets  有効化:削除
Really Simple SSL  停止
SiteGuardWP Plugin  停止
Wordfence Security Upgrade To Premium:停止
WP Multibyte Patch  停止

すみません、どうぞよろしくお願いいたします。

chieiwashita


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 1年 前
投稿: 2049
2018年12月7日 05:06  

h ttps://applebox.tokyo/wp-content/uploads/2018/12/0473063810414b0aa081f8217a884a22-e1543674825700.png

上記アイキャッチが表示されるのは正常な気もします。

 

JetPackについてですが、

「パブリサイズ・共有」の無効化

これがキチンとできてるか一応

h ttps://applebox.tokyo/wp-admin/admin.php?page=jetpack_modules

上記でチェックが外れてるかご確認いただけますか?

残っている場合があった気がするので、その上で念のためChromeではcontrol+Shift+Cボタンを開いて

添付画像の部分が消えてる事をご確認いただけたら。と思います。


わいひら 件のいいね!
かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 1年 前
投稿: 2049
2018年12月7日 05:10  

まだ残っている場合、おそらく必要な手順を踏んでないんだと思います。

https://blog.webcontent.jp/entry/no-jetpack-opg#i-3

プラグイン「Jetpack」で自動挿入される「Open Graph Tags」を削除する方法 – ウェブコンテンツ

見出し3.4 プラグインを使用する方法

とか参考にされてみてはどうかな?と思います。


わいひら 件のいいね!
chieiwashita
(@chieiwashita)
Active Memberサイト
参加: 4か月 前
投稿: 12
2018年12月7日 08:38  

かうたっくさんもご親切にありがとうございます!
私が希望することはYouTube動画をアップした記事をツイッターとフェイスブックにシェアした時に、
アイキャッチ画像ではなく動画がアイキャッチとして添付されるようにしたいのですが、ご指摘いただいたのは動画をスクショしたアイキャッチを
私が使用し、シェアすると動画ではなく、このアイキャッチが添付されてしまいます。動画のスクショをアイキャッチにしない場合もあるので、
動画をシェア先に表示したいのです。。

『残っている場合があった気がするので、その上で念のためChromeではcontrol+Shift+Cボタンを開いて添付画像の部分が消えてる事をご確認いただけたら。と思います。』

上記のご説明の意味が、、すみません、初心者で「添付画像の部分が消えてる事をご確認」の意味がわからないのですが、、、

Jet Packですが、わいひらさんに最初に教えていただいたページの
パブりサイズの共有は無効化にしてます。
かうたっくさんから教えていただいたJet Packのページは
項目がずらりと並んでいて
「パブりサイズ」は外れていて
「共有」は有効になってたので外しました。

次に教えていただいた参考サイトを読むと
『「All in One SEO Pack」にはJetpack Open Graph Tagsを削除する機能が備わっています。』
と書いてありましたので、

それで私のページのAll in one SEO Packを開いたら
下記のスクショのような状態で、、、
私も途中から前任者と切れて一人でやり直ししてるので
この状態が有効になってるのか停止してるのか
いまいちわかりずらく、、、
「設定を更新」となってるので
更新して設定をちゃんと見直し、設定し直した方が良いでしょうか?

cocoon にはAll in one SEO Packは不要、とのご意見も読みましたが。。。
色々とすみません。。どうぞよろしくお願いいたします!

 

chieiwashita


chieiwashita
(@chieiwashita)
Active Memberサイト
参加: 4か月 前
投稿: 12
2018年12月7日 11:03  

かうたっくさんもご親切にありがとうございます!
私が希望することはYouTube動画をアップした記事をツイッターとフェイスブックにシェアした時に、
アイキャッチ画像ではなく動画がアイキャッチとして添付されるようにしたいのですが、ご指摘いただいたのは動画をスクショしたアイキャッチでして、シェアすると動画ではなく、このアイキャッチが添付されてしまいます、、
動画をシェア先に表示したいのです。。

『残っている場合があった気がするので、その上で念のためChromeではcontrol+Shift+Cボタンを開いて添付画像の部分が消えてる事をご確認いただけたら。と思います。』

上記のご説明の意味が、、すみません、初心者で「添付画像の部分が消えてる事をご確認」の意味がわからないのですが、、、

Jet Packですが、わいひらさんに最初に教えていただいたページの
パブりサイズの共有は無効化にしてます。
かうたっくさんから教えていただいたJet Packのページは
項目がずらりと並んでいて
「パブりサイズ」は外れていて
「共有」は有効になってたので外しました。

次に教えていただいた参考サイトを読むと
『「All in One SEO Pack」にはJetpack Open Graph Tagsを削除する機能が備わっています。』
と書いてありましたので、

それで私のページのAll in one SEO Packを開いたら
下記のスクショのような状態で、、、
私も途中から前任者と切れてcocoonに入れ替え、一人でやり直ししてるので
いまいちわかりずらく、、、
「設定を更新」となってるので
設定をちゃんと見直し、設定し直した方が良いでしょうか?

cocoon にはAll in one SEO Packは不要、とのご意見も読みましたが。。。
色々とすみません。。どうぞよろしくお願いいたします!

 

chieiwashita


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 1年 前
投稿: 2049
2018年12月7日 11:09  

アイキャッチ画像ではなく動画がアイキャッチとして添付されるようにしたいのですが、ご指摘いただいたのは動画をスクショしたアイキャッチを
私が使用し、シェアすると動画ではなく、このアイキャッチが添付されてしまいます。動画のスクショをアイキャッチにしない場合もあるので、
動画をシェア先に表示したいのです。。

おそらくアイキャッチが出力されるのが正しい状況だと思います。

動画に付けられている画像を添付!?するにしても、多分TwitterでYoutubeなどが再生されない状況かと思います?これはわいひらさんに伺わないと確認してません。

※youtubeなど高速化とか導入されましたが、投稿画面にリンクだけを置くような対応でしょうか?

※その辺一切見てないので私は不明ですが、次確認する人に情報はあるほうが良いと思ったまでです。

gif画像も反映されたかな?と言った印象で、これがCocoonだったか、前のSimplicityだったかもうろ覚えです。

 

「パブりサイズ」は外れていて
「共有」は有効になってたので外しました。

了解しました。

確認したところどうやらOGPは消えているようです。

以下の部分と共通しますね。

『残っている場合があった気がするので、その上で念のためChromeではcontrol+Shift+Cボタンを開いて添付画像の部分が消えてる事をご確認いただけたら。と思います。』

上記のご説明の意味が、、すみません、初心者で「添付画像の部分が消えてる事をご確認」の意味がわからないのですが、、、

 

 

それで私のページのAll in one SEO Packを開いたら
下記のスクショのような状態で、、、

先ほど書いた通りもうJetPackのOGPは無効になっているようです。

なのでこの項目はスルーしても良いと思います。

 

たくさん書いたのでアップアップされたと思います。ご確認お疲れさまでした 😊 

 

cocoon にはAll in one SEO Packは不要、とのご意見も読みましたが。。。

朝だったか、チェックさせてもらったんですが、重複されてる部分があったように思います。アナリティクスやカノニカルタグとか。多分コチラのサイトさんだった認識です。

特にこだわりなければ、要らないように思います。

 

返信の冒頭に書いた?どうだっけ?Youtubeの詳細は、私は全く確認してません。

このトピックの初めにせめてアイキャッチだけでも。と言った書き込みもあったように思います。ですが、希望はyoutubeをTwitterやSNSにって事でしたね!

その辺はその状況に詳しい方にお任せします。


わいひら 件のいいね!
haineons
(@haineons)
Trusted Memberサイト
参加: 11か月 前
投稿: 60
2018年12月7日 13:54  

Cocoonのツイッターカード設定のままだとサマリータイプ、大きな画像タイプしか選べないので

プレーヤーカード用のメタタグが入らないと思うんですが

この状態だとプレーヤータイプのカードってポスト出来ないんじゃないかな?と思うんですがどうなんでしょう!?

 

プラグインを使いますが、こういう物があるみたいですよ

個別ページごとにTwitterカードのカードタイプを変更する方法

この方法を使う場合Cocoonのツイッターカード設定は無効にしないとメタダグが重複しますが


わいひら 件のいいね!
chieiwashita
(@chieiwashita)
Active Memberサイト
参加: 4か月 前
投稿: 12
2018年12月10日 00:05  

haineonsさん、ありがとうございます!

cocoonのtwitterカード無効にして
プラグインインをインストール、Playerにしましたが
アイキャッチ画像になってしまいます、、、

Jet Packのパプリサイズ 共有をon,off,どちらでもやってみましたが

ダメでした。。

申し訳ないのですが、このMeta tag Managerをインストールした場合、

Jet Packとcocoonの設定をもう一度教えていただけるでしょうか?

どうぞよろしくお願いいたします。

chieiwashita


haineons
(@haineons)
Trusted Memberサイト
参加: 11か月 前
投稿: 60
2018年12月10日 13:12  

ちょっと自分でも試してみました

Player card — Twitter Developers

一応添付画像のように設定をすれば上記URLでのテストは問題なかったです

 

Cocoon設定のツイッタカード設定はオフ

Jetpack自体は使っていますがパブリサイズやOGP関係は使っていないので全てオフ

設定をしたらプラグイン、サーバー系共にキャッシュ関係をしっかりと削除してくださいね

キャッシュ削除後にソースを見て添付画像のようなメタタグが入っていることを確認

あとはCard validatorでチェックです

 

この部分しか試してないので、普段使いは設定の中にあるMetaTagManagerで

アイキャッチ用の設定で全ページにしておけば良いのかーとかは分かりませんが

試してみてください

 

プレーヤー用カードに必要なメタタグって結構多いんですね(;・∀・)


わいひら 件のいいね!
haineons
(@haineons)
Trusted Memberサイト
参加: 11か月 前
投稿: 60
2018年12月10日 13:16  

ちょっとミスってた…

一応添付画像のように設定をすれば上記URLでのテストは問題なかったです

この部分はCard Validatorの方でテストすね…

あと添付画像が大きいので新しいタブや窓で開いて拡大してみてください


わいひら 件のいいね!
chieiwashita
(@chieiwashita)
Active Memberサイト
参加: 4か月 前
投稿: 12
2018年12月12日 09:44  

haineonsさん、ありがとうございます!!

それで私はwordpress初心者でして、
Cocoonのマニュアルをみながら一から始めております。

「設定をしたらプラグイン、サーバー系共にキャッシュ関係をしっかりと削除してくださいね

キャッシュ削除後にソースを見て添付画像のようなメタタグが入っていることを確認」

この部分ですが、

前の方が「キャッシュ」削除方法としてサーバー(ロリポップ)の
削除ボタンを押す方法を教えてくださいました。
キャッシュを削除する方法は他にもあるのでしょうか?

なんどもすみません、どうぞよろしくお願いいたします。

 

chieiwashita


haineons
(@haineons)
Trusted Memberサイト
参加: 11か月 前
投稿: 60
2018年12月12日 13:09  

キャッシュ系プラグインを使っていないのでしたらサーバのキャッシュ削除で大丈夫だと思いますよ

ソースは右クリック→ページのソースを表示で確認できます


わいひら 件のいいね!
chieiwashita
(@chieiwashita)
Active Memberサイト
参加: 4か月 前
投稿: 12
2018年12月15日 00:24  

haineonsさん、

ありがとうございました!

添付できました〜〜〜〜!!!感謝です!

それで

cocoonの設定に「全てのキャッシュを削除する」

というのがあったのでそれをおしました。

あとロリポップの方も削除するのスイッチを押したままですが

そのままで大丈夫でしょうか?

chieiwashita


わいひら 件のいいね!
haineons
(@haineons)
Trusted Memberサイト
参加: 11か月 前
投稿: 60
2018年12月15日 00:38  

上手くいった&お役に立てたようで良かったです><b

通常はキャッシュを有効にしておいても必要な時に削除って出来ませんか?

そこら辺はロリポのヘルプを見てくださいねーとしか…


わいひら 件のいいね!
chieiwashita
(@chieiwashita)
Active Memberサイト
参加: 4か月 前
投稿: 12
2018年12月15日 09:12  

haineonsさん、

必要な時だけ削除、そうですよね、最後までご親切にありがとうございました!o(^▽^)o

chieiwashita


Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバ
mixhost

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
○サーバ引っ越しオプションあり(有料)
○アダルト・出会い系サイト可

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
△DBは7日分だけ無料復旧可能(ファイルは有料)
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
○サーバ引っ越しオプションあり(有料)
△アダルト・出会い系サイト可(条件あり)
△開始したてなので運営能力は未知数(対応良)

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越しオプションあり(無料)
○http/2(高速化プロトコル)に対応
○アダルト・出会い系サイト可
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

Cocoon
  
動作中

ログイン または 登録 してください

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