안녕하세요 카카오 링크 프리뷰 에대해서 질문이 있습니다.
저는 이미지내 레이아웃을 비 활성화 하고 싶어서 이하와 같은 코드를 집어 넣었습니다.
<meta property="og:image" content="#" />
그 결과 PC 버전에서는 이미지 레이아웃이 비활성화 되었지만 모바일 버전에서는 이미지 레이아웃 영역이 존재합니다.
혹시 모바일에서도 제거하는 것은 불가능할까요??
■ PC 버전
■ 모바일 버전
현재 자바스크립트 내에서 API통신을 하여 받아 온 값대로 타이틀을 다 다르게 설정하고 싶습니다.
근데 제 이해로는 링크를 던진 순간 자바스크립트 실행 이전의 HTML 구조만 크롤러가 읽어와서 링크 프리뷰를 만들어지는 것이기 때문에 불가능할 것 같다는 생각이 듭니다.
혹시 가능하시다면 가르쳐주시면 정말 감사하겠습니다.
안녕하세요.
1) 링크 내 이미지 레이아웃 영역 비활성화 가능 여부
이미지 영역은 <meta property="og:image" content="#" /> 태그를 사용하지 않으시면 표시되지 않습니다.
2) 링크 내 이미지, 타이틀, 콘텐츠 들의 변수들은 고정 변수만 가능한가요??
아쉽지만, 카카오 스크랩 서버는 클라이언트측 랜더링, 즉 브라우저에서 스크립트에 의에 동적으로 이루어지는 랜더링을 고려하지 않습니다. 필요하신 경우 서버측에서 메타 데이터를 미리 구성하셔야만 합니다.
안녕하세요 <meta property="og:image" content="#" />
링크를 사용하지 않으면
카카오톡 크롤러가 가장 상위에 위치한 이미지를 불러옵니다.
상위에 위치한 이미지를 다 display:none으로 하는 방법밖에없을까요
<meta property="og:image" />
이렇게 해보시겠어요?
가장 상위에 있는 이미지를 불러옵니다…
확인해보니 카카오 스크랩서버에서는 og:image 값을 추출하지 못하는 경우 img 태그에 존재하는 이미지에서 대표 이미지를 선정하게 되어 있습니다.
대표이미지 표시를 반드시 원하지 않으시는 경우라면 스크랩서버가 접근할 때, 응답을 달리 하시는게 좋을것 같습니다.
스크랩 서버의 user-agent를 참고하여 분기 처리하셔야 할것 같습니다.
User-Agent:
facebookexternalhit/1.1; kakaotalk-scrap/1.0; +https://devtalk.kakao.com/t/scrap/33984
네 확인해주셔서 감사합니다. 도움이 되었습니다.