X（Twitter）ポスト埋め込みコード生成ツール
ポストのURLを貼るだけで、ブログやサイトに貼れる公式形式の埋め込みHTMLを生成します。テーマ・言語・会話の省略・リンクカードの非表示・配置をチェックでコードに反映でき、コピーして貼り付けるだけで使えます。
埋め込みコード（HTML）
ポストのURLを入力するとコードが生成されます
貼り付け手順
- 生成されたコードをコピーします。
- ブログ記事やサイトのHTML（WordPressならカスタムHTMLブロック）に貼り付けます。
- 公開すると、widgets.js が読み込まれてポストが整形表示されます。
※ コードはURLから組み立てているだけで、X API・oEmbedは使用しません。生成はブラウザ内で完結し、URLは外部に送信されません。実際の表示はwidgets.jsの読み込みによりサイト側で行われます。
使い方
- 1
ポストのURLを貼る
埋め込みたいポストのURL（…/status/数字）を入力します。
- 2
表示オプションを選ぶ
テーマ・言語・会話の省略・カード非表示・配置をチェックします。
- 3
コードをコピーして貼る
生成されたHTMLをコピーし、サイトのHTML部分に貼り付けて公開します。
ポスト埋め込みの仕組みと注意点
Xのポスト埋め込みは、<blockquote class="twitter-tweet"> とポストURL、そして widgets.js の読み込みスクリプトの組み合わせで成り立っています。ページが読み込まれると、scriptがblockquoteを整形済みのポスト表示に置き換えます。
WordPressなどでの貼り方
WordPressではカスタムHTMLブロックに貼り付けます。多くのCMSではURLをそのまま貼るだけで自動埋め込みされますが、テーマやダークモードを指定したい場合は、本ツールのコードを使うと細かく制御できます。
表示されないとき
埋め込みが表示されない場合は、widgets.jsのscriptが読み込まれているか、元のポストが公開（非公開・削除でない）かを確認してください。同一ページに複数埋め込む場合、scriptは1つだけで構いません。
よくある質問
- x.comとtwitter.comどちらのURLでもいい？
- どちらでも生成できます。…/status/数字 を含むURLであれば認識します。生成コードはそのまま動作します。
- scriptは毎回貼る必要がある？
- 同じページに複数のポストを埋め込む場合、widgets.jsのscriptは1つだけで十分です。重複しても害はありませんが、1回に整理すると軽くなります。
- ダークモードや言語は反映される？
- はい。data-theme・data-langなどの属性で指定でき、本ツールのチェックでコードに自動反映されます。
- URLは送信される？
- いいえ。コード生成はブラウザ内で完結し、URLが外部に送信されることはありません。実際の表示はサイト側のwidgets.jsが行います。
関連ツール
OGPプレビュー
URLを入力するだけでXカードの表示をシミュレーション。OGPタグの不備も検出。
OGP画像メーカー
登録不要・ブラウザ完結。タイトル・著者名・色を選ぶだけで1200×630のX Card用OGP画像を即生成、PNGでDL。4テンプレ対応・データはローカル処理で外部送信なし。
URL短縮
長いURLを短縮してXに貼りやすく。is.gd / tinyurl 経由のシンプル変換。
ポスト画像化
名言・長文・告知をXに貼って映えるカード画像に。アイコン・名前・@id・テーマ・比率（1:1/16:9/4:5）を選んでCanvas描画、PNGで保存。登録不要・ブラウザ完結。
投稿日時変換
ポストのURLやStatus ID（Snowflake）を貼ると、正確な投稿日時をJST/UTC・ミリ秒精度で表示。逆引き（日時→ID下限）にも対応。X API不要の数学的デコード。
もっと詳しく知る｜関連の知見ノート
このツールのテーマを、運用ノウハウとして深掘りした記事です。
作った画像で、伸びる投稿を
画像付き投稿の予約配信と反応分析までXboostで完結。どのビジュアルが伸びるかがデータでわかります。
Xboostを無料で始める →