Twitterのツイート埋め込み不具合対応

投稿者: | 投稿日時: 2020/2/3 15:40 | 更新日時: 2020/3/15 16:07

※説明にはちょうど作業していたポポロコネクトさんのツイートを使っています。

ツイート埋め込み手順について

HP等にTwitterのツイートを載せる際、該当ツイートの右上を押下、

ツイートを埋め込む、

新しいウィンドウが開かれるので、Copy Code、

これでコピーされます。

表示したいところでペーストすればokです。

不具合&対応

前はそれで特に問題無かったのですが、これでペーストした以降の文言が表示されなかったり、そもそもツイート内容が正常に表示されなかったりするようになりました。

ペースト内容は下記の通りで

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">本日出演していただきましたポポロコネクトさんから公演終わりにメッセージいただきました🥰次回は、12月16日(月)です!メンバーズ予約は12月2日0時〜!皆様のご来場お待ちしております!🕺💕<br><br>予約ページ→ <a href="https://t.co/7ADkS9HkXQ">https://t.co/7ADkS9HkXQ</a><a href="https://twitter.com/hashtag/%E3%83%9D%E3%83%9D%E3%83%AD%E3%82%B3?src=hash&ref_src=twsrc%5Etfw">#ポポロコ</a> <a href="https://twitter.com/hashtag/%E3%83%9D%E3%83%9D%E3%83%AD%E3%82%B3%E3%83%8D%E3%82%AF%E3%83%88?src=hash&ref_src=twsrc%5Etfw">#ポポロコネクト</a> <a href="https://twitter.com/popoloconnect?ref_src=twsrc%5Etfw">@popoloconnect</a> <a href="https://t.co/3D5uFzxHiU">pic.twitter.com/3D5uFzxHiU</a></p>— AKIBAカルチャーズ劇場 (@AkibaCultures) <a href="https://twitter.com/AkibaCultures/status/1196423663957856256?ref_src=twsrc%5Etfw">November 18, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

下記のように表示されてしまいました。

色々調べた結果</blockquote>の後ろに改行入れたら表示されました。

下記のようにしたら、

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">本日出演していただきましたポポロコネクトさんから公演終わりにメッセージいただきました🥰次回は、12月16日(月)です!メンバーズ予約は12月2日0時〜!皆様のご来場お待ちしております!🕺💕<br><br>予約ページ→ <a href="https://t.co/7ADkS9HkXQ">https://t.co/7ADkS9HkXQ</a><a href="https://twitter.com/hashtag/%E3%83%9D%E3%83%9D%E3%83%AD%E3%82%B3?src=hash&ref_src=twsrc%5Etfw">#ポポロコ</a> <a href="https://twitter.com/hashtag/%E3%83%9D%E3%83%9D%E3%83%AD%E3%82%B3%E3%83%8D%E3%82%AF%E3%83%88?src=hash&ref_src=twsrc%5Etfw">#ポポロコネクト</a> <a href="https://twitter.com/popoloconnect?ref_src=twsrc%5Etfw">@popoloconnect</a> <a href="https://t.co/3D5uFzxHiU">pic.twitter.com/3D5uFzxHiU</a></p>— AKIBAカルチャーズ劇場 (@AkibaCultures) <a href="https://twitter.com/AkibaCultures/status/1196423663957856256?ref_src=twsrc%5Etfw">November 18, 2019</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

下記のように正常に表示されました。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください