Iframe에 Twitter를 삽입하는 방법

Twitter는 스크립트를 통해 다른 웹 페이지 내의 인라인 프레임에 Twitter 컨텐츠를 삽입하는 내장 된 위젯을 제공합니다. Twitter의 사이트는 안전한 하이퍼 텍스트 전송 프로토콜을 통해 직접 iframe 표시를 차단하여 누군가가 Twitter의 특정 페이지로 직접 iframe을 만들지 못하도록합니다. 대신 해당 Twitter 계정을 통해 Twitter 위젯을 만들어 iframe 내 사이트에 포함해야합니다.

페이지 내 페이지

Iframe은 웹 개발자가 한 웹 사이트 또는 웹 페이지의 콘텐츠를 다른 웹 사이트에 포함 할 수있는 HTML 내의 기능입니다. HTML 내에는 웹 페이지를 개별 로딩 콘텐츠로 나누는 프레임을 만드는 데 사용할 수있는 다른 명령이 있습니다. iframe 태그는 둘러싸인 프레임을 만듭니다. Twitter 위젯은 iframe 구조를 사용하여 다른 웹 사이트 내에서 Twitter에서 호스팅되는 콘텐츠를 마치 하나의 결합 된 웹 페이지처럼 표시되도록 표시합니다.

Twitter Iframe 위젯

Twitter의 iframe 기반 위젯은 다른 사이트에 콘텐츠를 표시하는 소셜 미디어 사이트의 승인 및 제어 버전입니다. 계정 소유자는 사용자 타임 라인, 즐겨 찾기, 목록 및 검색 위젯을 만들 수 있습니다. Twitter 위젯은 Twitter 사용자 계정 내에서 위젯 생성자를 사용하여 생성됩니다. 자신의 계정 내에서 다른 계정에 대한 위젯을 생성 할 수 있습니다. Twitter는 위젯 생성 및 콘텐츠에 대한 인증을 제공하는 다른 사이트에 삽입 될 수있는 JavaScript 코드를 생성합니다. 위젯 자체는 맞춤화되어 Twitter 사이트에서 호스팅됩니다.

Twitter 위젯 생성

Twitter 위젯을 만들려면 개인 계정으로 Twitter 사이트에 로그인하고 "톱니 바퀴"아이콘을 클릭 한 다음 "설정"옵션을 선택합니다. 왼쪽 메뉴에서 위젯 부제목을 선택하고 "새로 만들기"를 클릭합니다. 만들려는 모듈의 종류에 따라 "사용자 타임 라인", "즐겨 찾기", "목록"또는 "검색"을 선택합니다. "사용자 타임 라인"및 "즐겨 찾기"를 설정하려면 계정 사용자 이름을 입력하고 "위젯 생성"을 클릭하여 위젯 코드를 생성합니다. "목록"위젯을 설정하려면 사용하려는 이미 생성 된 목록을 선택하고 "위젯 생성"을 클릭합니다. 검색 위젯을 만들려면 "검색 쿼리"아래에 나열 할 해시 태그를 입력하고 "위젯 만들기"를 클릭합니다.

Twitter 위젯 구현

네 가지 Twitter 위젯 유형 모두 웹 페이지 내에 위젯을 배치하는 데 사용할 수있는 포함 HTML 및 JavaScript 코드를 생성합니다. 코드를 사용하려면 Twitter 사이트의 필드에서 코드를 복사하여 웹 사이트의 페이지 코드에 붙여 넣습니다. 자체 포함 된 스크립트는 페이지에로드되고 위젯의 콘텐츠가 포함 된 iframe을 삽입합니다.

제 3 자 트윗 삽입

"포함"옵션을 사용하여 모든 계정에서 개별 트윗에 대한 포함 코드를 생성 할 수 있습니다. 트윗 포함 기능을 사용하려면 Twitter 계정의 타임 라인 페이지로 이동하여 포함 할 트윗을 찾습니다. 트윗 위에 마우스를 올려 놓고 "더보기"를 클릭하고 "트윗 삽입"을 선택합니다. 사이트에 소스 코드가 포함 된 상자가 표시되며,이를 복사하여 다른 사이트에 붙여 넣어 트윗을 표시 할 수 있습니다.