Tumblr API(v2)를 이용해 Link 연동 시 Link의 메타이미지가 나타나지 않는 문제를 해결하는 꼼수

오랜만의 포스팅이네요. 이직과 육아라는 핑계를 대보며..

Tumblr API는 언뜻봐서는 참 심플합니다.
OAuth 1.0a를 이용하고 REST 방식을 충실히 따르고 있습니다.
(사실 OAuth 1.0a는 OAuth 2.0에 비해 참 까탈스럽기는 하죠.. 그래서 xAuth도 제공하지만 이는 Twitter와 같이 따로 승인을 받아야 합니다.)

이 글을 통해 공개할 팁은 API를 이용해 Link를 공유할 때의 팁입니다.

Tumblr에서는 post 시 여러 type 들(Text / Photo / Link / Video / Quote / Audio / Chat)이 존재합니다.

만약 Tumblr API를 이용하여 특정 Link를 공개할 때 쉽게 생각한다면 type=link로 생각하실 것입니다.
하지만 이렇게 한다면 아래와 같이 web에서의 결과와 다른 결과를 볼 수 있습니다.

아래는 web에서 Link를 선택하여 직접 포스팅한 결과로 공유한 Link에 포함된 이미지를 보여줍니다.

스크린샷 2013-05-13 오후 1.05.49

반면, API로 해당 작업을 수행하면 아래와 같이 대표 이미지가 없이 포스팅됩니다.

스크린샷 2013-05-13 오후 1.12.55

상/하단 이미지를 보시면 차이점이 확실히 드러나죠?

링크만 덜렁 나타나니 업로드해도 참 보기 좋지 않은데요. 이럴 때는 이렇게!!

우선 post 타입은 link가 아닌 photo로 설정하고,
parameter로 link에 공유할 link를 source에 대표적으로 보여줄 이미지 URL을 넣어줍니다.

스크린샷 2013-05-13 오후 1.20.36

 

상단처럼 이미지가 나타나고 이 이미지를 클릭 시 해당 페이지로 이동이 됩니다.

어찌보면 꼼수지만 Tumblr 공유 때문에 골치아픈 부분이 아닐 수 없어서 공유드립니다.

위 Tumblr 연동을 위한 SDK는 https://github.com/tumblr/TMTumblrSDK 를 이용하였으며,
추가적으로 이 SDK에서는 아래와 같이 UIActivity 설정을 위한 class도 포함되어 있습니다.

스크린샷 2013-05-13 오후 1.23.40

 

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.