예전이 답변하신 내용을 봤습니다.
카카오스토리 링크 포스팅 API(/v1/api/story/post/link)에는 각각 파라미터를 직접 지정할 수 없고, linkinfo를 통해 스크랩한 내용을 바로 사용하도록 되어 있습니다. 스크랩 시 사이트에 있는 이미지를 카카오쪽 서버에 따로 저장해 두고 이 이미지를 보여주게 됩니다. 스크랩하는 사이트에서 Open Graph 프로토콜에 따라 공유할 때 표시할 이미지를 선택할 수 있습니다
여쭤보고 싶은 내용은
linkinfo 중 image: 항목에 URL을 첨부하여 이미지를 표시하고 싶은데
카카오쪽 서버에 저장하는 방법이 궁금합니다.
그리고 URL을 가져와서 추가하면 되는지요?
외부 이미지 URL을 사용해서 이미지를 추가하는건 불가능 한지요?
linkinfo를 수정하는 것이 가능하기는 하지만 되도록이면 사이트의 og태그를 수정하여, 스크랩의 결과를 그대로 포스팅하는 것을 권장드립니다.
현재 작성된 linkInfo 로
url : ‘/v1/api/story/post/link’,
data : {link_info:{url:‘‘,host:‘www.bayabar.com’,title:’’,description:‘‘,image:[‘http://www.dior9.com/upload/mall/201112012247331.jpg’]},
content:’’}
실행한 경우 다음과 같은 에러 메시지가 표시됩니다.
image parameter must be a valid url.
그런데 image 의 값을 카카오 서버에 저장된 URL로 하면 정상적으로 실행이 됩니다.
http://dn-l1-story.kakao.co.kr/dn/doAwUU/hycIZnnjI7/Hjjt5qQhrYiIQoLuhyktk/img.gif?width=400&height=400
아래의 답변주신 내용을 보면
linkinfo를 수정하는 것이 가능하기는 하지만 되도록이면 사이트의 og태그를 수정하여, 스크랩의 결과를 그대로 포스팅하는 것을 권장드립니다.
linkinfo 를 어떻게 수정해야 하는지요?
자바스크립트로 개발중인데 관련 자료도 없고 검색을 해도 답이 없네요
답변부탁드립니다. ㅠ.ㅠ
카카오스토리나, 페이스북 등의 서버에서 내 사이트를 스크랩해갈 때 어떤 내용을 가져갈지 지정하기 위해서 'OG 프로토콜’이란것을 사용합니다.
예를 들면 카카오 개발자 사이트의 경우에 HTML의 head엘리먼트를 보면, 아래와 같은 부분이 있는데요. 여기서 og:image로 지정한 이미지가 스크랩될 때 가져갈 이미지입니다.
아래 내용 참고하셔서, 구현하시는 사이트의 OG태그를 지정해 주시면 되지 않을까 싶어요!
<head>
<!--이상 생략-->
<meta property="og:url" content="https://developers.kakao.com/">
<meta property="og:title" content="Kakao Developers_">
<meta property="og:type" content="website">
<meta property="og:image" content="http://dn.api1.kage.kakao.co.kr/14/dn/btqaWlTUTtD/Jtsl6FoQWSZG1rb2wAEEy1/o.jpg">
<meta property="og:description" content="더 나은 세상을 꿈꾸고 그것을 현실로 만드는 이를 위하여 카카오에서 앱 개발 플랫폼 서비스를 시작합니다.">
<!--이하 생략-->
</head>