고수님들의 도우심으로 스케치북에 카카오톡 링크를 달 수 있게 되었습니다! 감사합니다.

 

그런데 두 가지를 고쳐보고 싶어 문의드립니다.

 

우선, 모바일페이지에서 순서대로, 페이스북, 트워터, 구글, 핀터레스트, 카카오스토리, 밴드, 카카오톡, 라인 인데

제 페이지에서 카카오스토리와 밴드부분의 아이콘이 트위터와 페이스북으로 뜹니다. 어떻게 수정해야 할까요? 검색을 해보아도 잘 모르겠어서 다시 한 번 여쭙습니다..

 

두번째로, 카카오톡 보내기에서 섬네일이 안뜨더라고요. 차라리 섬네일 네모라도 없이 깔끔하게 보내든가, 아니면 게시글에 있는 사진에서 추출하여 섬네일을 만들고 싶은데 이것은 조금 어려운 기술일런지요?

 

엑스이타운 회원님들 모두 새해 복 많이 받으시고, 참고할 만한 한 말씀 해주시면 정말 감사하겠습니다.

 

링크와 섬네일 사진 첨부해봅니다.

https://9tschool.net/xe/webdiary/464471

 

KakaoTalk_20200103_113714632.jpg

  • profile
    카카오링크의 옵션중에 content안에 imageUrl이라는 옵션이 있습니다.
    여기에 이미지의 주소를 넣어주면 됩니다.
    같은 이미지를 보여준다면 저 옵션을 이용하면 됩니다.
  • profile ?
    // // 카카오링크 버튼을 생성합니다. 처음 한번만 호출하면 됩니다.
    function sendLink() {
    Kakao.Link.sendScrap({
    requestUrl: '{$sns_link}'

    로 링크가 끝인데 content를 추가해주면 될까요? 연구해보겠습니다. 감사합니다.
  • ? profile
    https://developers.kakao.com/docs/js-reference#kakao_link_sendscrap

    카카오 api에서 샌드스크랩은 사이트의 메타정보를 바탕으로 링크를 생성합니다.
    이말은 메타정보에 원하는 이미지와 제목 등이 노출되어야 한다는 거죠.
    메타테그의 오픈그래프 정보가 노출되는지 확인해보세요.

    <meta property="og:??????" content="??????">
    이런 것들을 이용합니다.
  • profile
    제 컴에서 확인해봤을대 아이콘 잘나옵니다. 캐시 문제가 아닌가 싶네요.
  • profile ?
    컴에서는 괜찮은데 모바일에서 아이콘이 다르게 나옵니다.
  • ? profile
    저같은 경우 og 오픈그래프에 입력된 이미지를 스크립트 변수에 담아서 사용했습니다
  • profile ?
    오픈 그래프라는 개념을 아직 잘 모르긴 하지만 열심히 공부해보겠습니다.
  • profile ?
    답변을 잘 이해못했었네요...
    제 모바일에서만 그런것보니 캐시문제 맞는 것 같습니다.
    늦었지만 답변 다시 한 번 감사드립니다.