【超簡単！】X（Twitter）の埋め込みポストが表示されない原因と対処法

Xのポストをブログ記事に埋め込んでも編集後に表示されなくなる場合、埋め込みに必要なスクリプトが消えている可能性がある。簡単無料ホームページ（hp-ez）で実際に設定した対処法を紹介する。

Xのポストを埋め込んでも表示されなくなる

XのポストをWebサイトへ埋め込むときは「https://publish.twitter.com/#」からHTMLコードを取得できる。

最初は正常に表示されていたのに編集すると消えてしまう場合、Publishから取得したコード内のスクリプトがページの再読み込み時に消えている可能性が高い。

特に簡単無料ホームページ（hp-ez）を利用していて、この現象に悩んでいるならほぼこのパターンだろう。

エディタのソースコード入力では、最初はスクリプトが適用されるものの、ページを再読み込みすると外れてしまうようだ。

【2026年版】簡単無料ホームページ（hp-ez）の使い方｜利用者目線で機能・活用方法を解説簡単無料ホームページ（hp-ez）の使い方を、実際に利用しているユーザーの視点から解説。 管理画面やエディタ、デザイン、各種設定などの基本機能に加えて、実際のサイト運営での活用方法も紹介している。lifelogmemo.com

headへスクリプトを追加する

解決策は管理メニューのアドバンスト設定からheadへ次のスクリプトを追加するだけ。

<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

これで埋め込んだXのポストが表示される。

この機能は有料コース専用のため無料で利用している場合は設定できないが、有料コースの人は試してみてほしい。

Xポスト自動埋め込み機能が実装

^{左：エディタ / 右：サイト表示}

現在はXポストのURLをそのままエディタに貼り付けるだけで、自動的に埋め込みポストとして処理するようになった！

これにより、いちいちHTMLコードを取得しにいってた手間が省ける。また、ソースコードを切り替えて貼り付けたいところまで飛ぶ操作もやらなくて済むのでだいぶ楽になった笑

上述したページ読み込みでスクリプトが消えてしまうという課題も、今回のこの機能によって気にしないでいいかも。