트위터 글을 내 블로그로 가져오는 방법을 알아보겠습니다. 방법을 알면 정말 쉬운데 모르면 정말 어려워요. 모든 게 다 그렇습니다. 구글에서 '트위터 글가져오기'라는 키워드로 검색하면 제대로 알려주는 사이트가 없더군요. 좋은 문서만 보고 따라하면 몇 분이면 끝날 일을 글쓴이는 시행착오를 겪으면서 예상 시간보다 좀 더 걸렸네요.
트위터 글 가져오기 위해서는 당연한 이야기지만 트위터 계정이 있어야 합니다. 아래 주소를 클릭해서 트위터 위젯을 만들어주는 곳으로 들어갑니다. 트위터 설정 부분으로 들어가도 똑같습니다. 여기서 주의하실 점은 구글 크롬 웹브라우저로 들어가주세요. 익스플로러 웹브라우저에서는 미리보기 기능을 지원하지 않습니다.
위와 같은 화면이 나오시나요? 트위터 위젯 만들기 위해 '새로 만들기' 버튼을 클릭합니다.
아래처럼 타임라인 소스 선택이 보입니다. 자신 ID 말고도 다른 사람 ID 넣어도 상관 없습니다. 원하는 트위터가 있다면 그 아이디를 설정하세요. 아무래도 자신의 ID를 많이 사용하겠네요. 높이는 원하는 값을 지정해주면 됩니다. 가로(너비) 크기는 따로 지정해줄 필요가 없습니다. 해당 영역에 따라 길이가 변경됩니다. 직접 가로와 세로 크기를 HTML 코드 속에서 변경할 수 있으니 크게 상관 안 해도 됩니다. 기본값 600 정도면 적당해 보이네요.
HTML 코드를 복사하고 변경사항을 저장합니다. 이 HTML을 여러분 위젯이나 사이드바에 추가하면 됩니다. 티스토리라면 사이드바에 HTML 코드를 넣으면 모든 게 끝납니다. 참 쉽죠?
'글 가져오기' HTML 코드는 다음과 같습니다.
<a class="twitter-timeline"
href="https://twitter.com/Dodgers"
data-widget-id="YOUR WIDGET ID">
@Dodgers 님의 트윗
</a>
<script>!function(d,s,id){
var js,fjs=d.getElementsByTagName(
s[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id))
{
js=d.createElement(s);
js.id=id;js.src=p+"://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js,fjs);
}
}(document,"script","twitter-wjs");
</script>
트위터 글 가져오기 API 위젯 타임라인과 트윗 덱 리스트 활용 HTML 코드1.txt자신의 위젯 ID를 트위터로 부터 받아야하기 때문에 여러분에게 코드를 가르쳐줘도 별 의미가 없습니다. 그냥 버튼 몇개 누르면 끝나는 아주 간단한 일이지요.^^
앞서 크기를 조절할 수 있다고 이야기했는데요, 가로 세로 길이와 흰색 말고 검은색으로 고치고 싶으면 아래와 같이 조정하면 됩니다.
<a class="twitter-timeline"
width = "300" /* 가로 길이 */
height = "500" /* 세로 길이 */
data-widget-id="YOUR WIDGET ID" /* ID 숫자 */
data-theme="dark" /* 스킨 색깔 밝은 배경과 어두운 배경 2가지 */
data-link-color="#cc0000" /* 링크 색깔 */
data-border-color="#cc0000" /* 테두리 색깔 */
data-tweet-limit="5" /* 테이터 개수 제한 */
data-chrome="nofooter transparent noheader noborders noscrollbar"
href="https://twitter.com/Dodgers"
data-widget-id="YOUR WIDGET ID">
@Dodgers 님의 트윗
</a>
이 정도 파라미터 옵션이면 충분해보입니다. 더 많은 옵션을 알고 싶으면 설정에 가셔서 사용자 문서를 읽어주세요.
고급 시각 옵션을 사용하려면, 사용자화 문서를 읽어 주세요
트워터 글 가져오기 API 위젯 만들기 정말 쉽네요. 우리는 트위터 타임라인(담벼락)에서 손쉽게 트워터 글을 가져왔습니다. 이번에는 내 트워터 말고 다른 사람 트위터를 가져오고 싶습니다. 한명이 아니라 내가 좋아하는 트위터 글 모두 가져오고 싶어요.
글쓴이는 메이저리그 글을 많이 쓰기 때문에 뉴스보다 빠른 트위터를 유심히 보는 편입니다. 미국 메이저리그 기자들은 트위터에 먼저 특종을 터트리기도 합니다. 핵심만 쓰면 기사보다 더 빨리 전달할 수 있으니까요. 확정되지 않은 소문 같은 것들을 올리기에 유용합니다. 하지만 매번 트위터 보러 가는 거 사실 귀찮습니다. 내 블로그에 MLB 기자들의 트위터 소식을 받을 수 있으면 참 좋겠네요.
우리가 트워터 글을 가져왔듯이 그들의 글을 모아서 가져올 수 있습니다. 그런데 방법이 좀 다릅니다. 트윗 덱(TweetDeck)을 활용해야해요. 트윗 덱이란 간단히 말하면 트위터를 강력하게 다루는 툴이라고 보면 됩니다. 트위트 데크는 트위터 사용자들을 효율적으로 관리할 수 있게 해주는 툴입니다. 트윗 테크를 더 쉽게 말하면 학교 친구, 교회 친구, 취미모임 친구, 야구 소식, 축구 소식 등을 나누어 관리할 수 있어요.
타임라인 여러개를 만들 수 있는 트윗 덱
우리가 원하는 일을 하기 위해서는 이 트윗 덱을 활용해야합니다. 소식을 받고자하는 트위터 4곳이 있는데요, 함께 소식을 받기 위해서는 리스트를 만들어야합니다.
아래의 트윗 덱 주소를 클릭하세요. 트위터 계정으로 로그인 합니다.
위 그림과 같은 화면을 보셨나요? "+ Add column" 통해 컬럼 한개를 생성합니다.
아래와 같은 그림이 나오는데요, 우리가 필요한 것은 리스트입니다. 리스트 버튼을 추가하면 컬럼 속성이 리스트로 바뀌게 되죠. 컬럼을 만드는데 그 세부 내용은 리스트로 채우겠다는 이야기입니다. 그다음은 리스터 안의 내용을 채워나가면 됩니다. 리스트를 클릭해 봅시다.
아래와 같은 그림이 나오는데요, 우리가 필요한 것은 리스트입니다. 리스트 버튼을 추가하면 컬럼 속성이 리스트로 바뀌게 되죠. 컬럼을 만드는데 그 세부 내용은 리스트로 채우겠다는 이야기입니다. 그다음은 리스터 안의 내용을 채워나가면 됩니다. 리스트를 클릭해 봅시다.
1. + Create list 버튼을 누릅니다.
2. Name에 원하는 리스트 이름을 넣습니다.
3. 원하는 트위터 아이드를 넣어서 검색합니다.
4. 원하는 목록을 + 버튼을 눌러 채웁니다.
5. 다 만들어 졌으면 Done 버튼을 클릭합니다.
이제 트위터 위젯으로 가서 리스트 탭을 누르면 아래와 같은 화면이 나타납니다. 익숙한 화면이죠? 타임라인을 설정했던 것과 동일하게 만들면 됩니다. 위젯 만들기해서 HTML 코드가 나오면 사이드바나 위젯에 해당 코드를 삽입합니다. 이제 모든 게 끝났네요.
여러분 블로그에서 트위터가 잘 보이나요? 설명한대로 하니까 쉽게 잘 된다고요? 정말 다행이네요. 이런 일로 시간 낭비할 필요가 없습니다. 켄 로젠탈 기사 보니까 강정호가 월요일날 포스팅하기로 되어 있다고 하네요. 내일 야구계에서는 강정호 포스팅 소식으로 가득차있겠네요.
글 '트위터 글 가져오기 API 위젯 타임라인과 트윗 덱 리스트 활용'이 도움이 되셨기를 바라면서 이 글을 마칩니다.
[Copyright ⓒ 블로그채널 무단전재 및 재배포 금지]
'IT > 블로그팁' 카테고리의 다른 글
| 네이버 검색 누락 사례 블로그 소문 진실 해결책은? (49) | 2014.12.21 |
|---|---|
| 티스토리 우수블로그 혜택과 베스트 블로거 선정되는 방법은? (13) | 2014.12.17 |
| 핫이슈, 핫토픽 키워드 인기검색어를 이용한 글쓰기 (4) | 2014.12.13 |
| 블로그 네이버 검색 누락 원인과 그 대책 (9) | 2014.12.12 |
| 저품질 티스토리 블로그 네이버 메인과 친해지기 (9) | 2014.12.11 |