サイトのトップへ戻る

Twitter 開発者 ドキュメント日本語訳




埋め込み型ツイートのパラメーターリファレンス

埋め込み型ツイートでは、data-* 属性やJavaScript ファクトリー機能を使ったカスタマイズをサポートしています。 このリファレンスドキュメントでは、全ての形式で使用されるパラメータについて説明します。

Reference the oEmbed API to set these parameters as part of an HTML response for a Tweet ID or URL.



パラメーター

id 必須

希望するツイートの数値型ID。

サンプル値: 20

cards 任意

hiddenを設定した場合、ツイート内のリンクは写真や動画やリンクプレビューに拡張されません。

サンプル値: hidden

conversation 任意

noneを設定した場合、引用したツイートが別のツイートへのリプライだった場合でも、引用したツイートのみが表示されます。

Example Value: none

lang 任意

サポートされているTwitter 言語コード。

指定した言語でテキストコンポーネントを読み込ます。 注意: 引用したツイートには適用されません。

Example Value: es

dnt 任意

trueを設定した場合、ツイートとその埋め込みページは、お勧めアカウントのようなTwtterのターゲティングに集計されません。

サンプル値: true

theme 任意

darkを設定した場合、暗めの背景上に明るめのテキストツイートを表示します。

サンプル値: dark

width 任意

描写するツイートのピクセル単位の最大横幅。この値は 250 ピクセルから 550 ピクセルの間にしてください。

サンプル値: 325

align 任意

ツイートを、そのコンテナ内で left, right, center の位置に配置します。 通常はテキストやその他コンテンツがそのツイートを囲む形になるよう設定します。

サンプル値: right



HTML 例

<blockquote class="twitter-tweet"
  data-link-color="#55acee" lang="es">
<p lang="en">just setting up my twttr</p>
— Jack Dorsey (@jack)
<a href="https://twitter.com/jack/status/20">
  marzo 21, 2006
</a>
</blockquote>


JavaScript ファクトリー例

注意: 数値型 Tweet ID は文字列として渡す必要があります。

twttr.widgets.createTweet(
  "20",
  document.getElementById("tweet-container"),
  {
    linkColor: "#55acee"
  }
);