웹앱을 angularjs로 작성하고 user-agent(facebookexternalhit/1.1)로 분기하여 prerender.io의 스냅샷을 보여주고 있습니다.
http://domain.com 은 meta태그가 고정된 정적파일(index.html)이고
http://domain.com/app/~ 등의 url만 angularjs로 작성된 app.html로 rewrite 되어있는데
http://domain.com/app/~ 을 카카오톡으로 공유하면 index.html의 open graph 내용이 스크랩됩니다.
페이스북/슬랙 등 open graph를 이용하는 다른 사이트에서는 내용이 잘 보이지만
카카오톡에서만 엉뚱한 내용이 나오는 문제를 겪고 있습니다.
카카오톡 스크랩봇도 facebookexternalhit/1.1 를 포함한 user-agent를 쓰고 있는데요. 분기에 실패하는 것인지 봇에서 처리를 잘 못하는지 확인이 어렵네요. 혹시 테스트할 수 있는 url있을까요?
아직 개발중인 서비스인 관계로 수정하였습니다.
facebookexternalhit/1.1;kakaotalk-scrap/1.0
카톡 스크랩서버가 위와 같이 User-Agent를 보내고 있을텐데요, 분기를 추가해보시거나
해당 Agent text를 포함하는지로 한 번 해보시겠어요?
user-agent 분기 문자열에 facebookexternalhit 을 포함하고 있으며 페이스북에서는 슬랙과 같이 의도한 내용이 나옵니다.
카카오톡 공유내용은 입력한 url로는 나올수 없는 index.html의 메타태그가 출력되고 있습니다.
원래는 보여져야 맞을 것 같은데
og:url 부분에
<meta name="og:url" content="http://heybeauty.me/shop/">
라고 나오는 부분을 의도하신 url로 나오도록 한 번 수정해보시겠어요?
말씀하신대로 or:url을 수정 해보았는데도 같은 증상이 계속 나타납니다.
nginx 설정에서 카카오톡 스크랩 봇과 맞지 않는 부분이 있는지 확인부탁드립니다.
문제점 몇몇 포인트가 확인되어 해결중에 있습니다.
제보 주셔서 감사합니다.
네 감사합니다 ㅎㅎ
안녕하세요~ 저도 지금 같은 증상이 나타나고 있는데 혹시 해결되셨나요?