> ## Documentation Index
> Fetch the complete documentation index at: https://docs.x.com/llms.txt
> Use this file to discover all available pages before exploring further.

# X for Websites

> 임베디드 Post, 타임라인, Post 버튼, 팔로우 버튼, oEmbed API, publish.x.com 구성 도구를 포함한 X for Websites 개요.

<Info>
  **참고:** X for Websites를 사용하면 [X Developer Agreement and Policy](https://developer.x.com/en/developer-terms/agreement-and-policy)에 동의하게 됩니다.
</Info>

<CardGroup>
  <Card title="임베디드 Tweet" icon="https://mintcdn.com/x-preview/ygI6sSJPehlc0qNT/icons/xds/icon-code.svg?fit=max&auto=format&n=ygI6sSJPehlc0qNT&q=85&s=488e23401b19225b89acc0136d242219" width="24" height="24" data-path="icons/xds/icon-code.svg">
    [임베디드 Tweet](https://developer.x.com/en/docs/twitter-for-websites/embedded-tweets/overview "임베디드 Tweet")은 원하는 X의 콘텐츠를 웹사이트 기사로 가져옵니다. X.com과 TweetDeck의 Tweet 메뉴에서 HTML 마크업을 복사하여 붙여넣거나, [oEmbed API 엔드포인트](https://developer.x.com/en/docs/twitter-for-websites/oembed-api)를 사용해 CMS에서 프로그래밍 방식으로 임베드하거나, [WordPress 플러그인](https://wordpress.org/plugins/twitter/)을 설치하여 쉽게 Tweet을 임베드할 수 있습니다.

    [자세히 보기](https://developer.x.com/en/docs/twitter-for-websites/embedded-tweets/overview.html) <Icon icon="angle-right" iconType="solid" />
  </Card>

  <Card>
    <iframe src="https://platform.x.com/embed/Tweet.html?dnt=false&embedId=twitter-widget-0&features=eyJ0ZndfdGltZWxpbmVfbGlzdCI6eyJidWNrZXQiOltdLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X2ZvbGxvd2VyX2NvdW50X3N1bnNldCI6eyJidWNrZXQiOnRydWUsInZlcnNpb24iOm51bGx9LCJ0ZndfdHdlZXRfZWRpdF9iYWNrZW5kIjp7ImJ1Y2tldCI6Im9uIiwidmVyc2lvbiI6bnVsbH0sInRmd19yZWZzcmNfc2Vzc2lvbiI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9LCJ0ZndfZm9zbnJfc29mdF9pbnRlcnZlbnRpb25zX2VuYWJsZWQiOnsiYnVja2V0Ijoib24iLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X21peGVkX21lZGlhXzE1ODk3Ijp7ImJ1Y2tldCI6InRyZWF0bWVudCIsInZlcnNpb24iOm51bGx9LCJ0ZndfZXhwZXJpbWVudHNfY29va2llX2V4cGlyYXRpb24iOnsiYnVja2V0IjoxMjA5NjAwLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X3Nob3dfYmlyZHdhdGNoX3Bpdm90c19lbmFibGVkIjp7ImJ1Y2tldCI6Im9uIiwidmVyc2lvbiI6bnVsbH0sInRmd19kdXBsaWNhdGVfc2NyaWJlc190b19zZXR0aW5ncyI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9LCJ0ZndfdXNlX3Byb2ZpbGVfaW1hZ2Vfc2hhcGVfZW5hYmxlZCI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9LCJ0ZndfdmlkZW9faGxzX2R5bmFtaWNfbWFuaWZlc3RzXzE1MDgyIjp7ImJ1Y2tldCI6InRydWVfYml0cmF0ZSIsInZlcnNpb24iOm51bGx9LCJ0ZndfbGVnYWN5X3RpbWVsaW5lX3N1bnNldCI6eyJidWNrZXQiOnRydWUsInZlcnNpb24iOm51bGx9LCJ0ZndfdHdlZXRfZWRpdF9mcm9udGVuZCI6eyJidWNrZXQiOiJvbiIsInZlcnNpb24iOm51bGx9fQ%3D%3D&frame=false&hideCard=false&hideThread=false&id=463440424141459456&lang=en&origin=https%3A%2F%2Fdeveloper.x.com%2Fen%2Fdocs%2Fx-for-websites&sessionId=fbeddb2f456a2e599441e1fde0b7bcdbc4ac2f65&theme=light&widgetsVersion=2615f7e52b7e0%3A1702314776716&width=550px" width="100%" height="420" />
  </Card>
</CardGroup>

***

<CardGroup>
  <Card title="임베디드 타임라인" icon="https://mintcdn.com/x-preview/ygI6sSJPehlc0qNT/icons/xds/icon-code.svg?fit=max&auto=format&n=ygI6sSJPehlc0qNT&q=85&s=488e23401b19225b89acc0136d242219" width="24" height="24" data-path="icons/xds/icon-code.svg">
    [임베디드 타임라인](https://developer.x.com/en/docs/twitter-for-websites/timelines/overview "임베디드 타임라인")은 여러 Tweet을 컴팩트한 선형 뷰로 웹사이트에 쉽게 임베드하는 방법입니다. X 계정의 최신 Tweet을 가져오는 프로필 타임라인이나, 큐레이션된 X 계정 목록을 포함하는 List 타임라인 중 하나를 선택하세요.

    [자세히 보기](https://developer.x.com/en/docs/twitter-for-websites/timelines.html) <Icon icon="angle-right" iconType="solid" />
  </Card>

  <Card>
    [Tweets by TwitterDev](https://x.com/TwitterDev?ref_src=twsrc%5Etfw)
  </Card>
</CardGroup>

***

<CardGroup>
  <Card title="Tweet 버튼" icon="toggle-on">
    [Tweet 버튼](https://developer.x.com/en/docs/twitter-for-websites/tweet-button/overview "Tweet 버튼")은 방문자가 콘텐츠를 X의 팔로워와 쉽게 공유할 수 있도록 하는 웹사이트용 소셜 버튼입니다.

    [자세히 보기](https://developer.x.com/en/docs/twitter-for-websites/tweet-button/overview.html) <Icon icon="angle-right" iconType="solid" />
  </Card>

  <Card title="팔로우 버튼" icon="toggle-on">
    [팔로우 버튼](https://developer.x.com/en/docs/twitter-for-websites/follow-button/overview "팔로우 버튼")은 방문자가 X 계정과 쉽게 소통할 수 있게 해주는 소셜 버튼입니다.

    [자세히 보기](https://developer.x.com/en/docs/twitter-for-websites/follow-button/overview.html)<Icon icon="angle-right" iconType="solid" />
  </Card>
</CardGroup>

***

## 자체 임베드 구성하기

[X Publish](https://publish.x.com/#)에서 자체 임베디드 Tweet, 타임라인 또는 버튼을 만드세요.

[시도해 보기](https://publish.x.com/#)

## oEmbed API 탐색

oEmbed API를 사용해 간단한 임베드 HTML 형식으로 임베디드 Tweet과 타임라인을 프로그래밍 방식으로 반환하세요.

[자세히 보기](https://developer.x.com/en/docs/twitter-for-websites/oembed-api.html)

## 궁금한 점이 있으신가요?

X 커뮤니티 개발자 포럼의 논의에 참여하세요. 질문하고 다른 사람들을 도울 수 있습니다.

[개발자 포럼](https://devcommunity.x.com/c/publisher/websites/9)