웹앱은 angular로 작성하였고
페이지 별 og태그가 필요한 상황이라
nginx에서 user-agent로 분기하여 스크랩 봇이 방문했을 때 스냅샷을 렌더링하고 있습니다.
페이스북이나 슬랙 등에서는 정상적으로 동작하지만 카톡에서는 index페이지의 og만을 보여주네요ㅠㅠ
카톡 스크랩봇의 분기처리는 "facebookexternalhit/1.1;kakaotalk-scrap/1.0"으로 하고 있고
https://www.da-gym.co.kr 과 https://www.da-gym.co.kr/detail/594a5d48cfca1b12c90ed394/info
위 두 url의 og가 다르게 보여야 합니다.
curl -A “facebookexternalhit/1.1;kakaotalk-scrap/1.0” “https://www.da-gym.co.kr/detail/594a5d48cfca1b12c90ed394/info”
와 같이 curl에서 user-agent를 카카오톡 스크랩봇으로 설정하여 접속하면 원하는 og태그가 보입니다만
실제로 카톡에서 공유해보면 https://www.da-gym.co.kr의 og만 보이네요 ㅠㅠ
카카오 캐시 툴에서 캐시삭제도 해보고 카톡 대화방도 새로 만들어 확인해봤지만 문제가 해결되지 않아 문의를 남기게 되었습니다.
날도 더운데 고생이 많으시겠어요ㅠㅠ
@minwookeyboard
죄송합니다. 확인이 늦어지고 있습니다.
현재 저희가 의심하는 부분은 og:url부분입니다.
현재 저희 카카오 스크랩 서버는 og:url을 컨텐츠의 원본으로 보고
og:url의 컨텐츠로 스크랩된 결과를 변환하고 있는 식으로 동작되는 것으로 파악되고 있습니다.
이 로직이 이 문제의 원인인지 파악중이며,
맞다면 og:url이 og tag에서 어떤 의미로 만들어졌으며, 위 동작과 원래 og:url의 기본 사상에 충실한지를 따져보고
수정하려 합니다.
원인 파악과 조치가 늦어지는점 죄송합니다. 내부 결론이 나오면 다시 댓글 달도록 하겠습니다.
말씀하신대로 og:url이 문제의 원인이 맞았습니다.
og:url에 저는 웹앱의 대표 url을 사용하고 있었으나
http://opg.me 에는 공유 오브젝트를 대표하는 url로 정의 되어있네요.
의미적으로 카카오 스크랩봇의 동작이 맞는 것 같습니다!
og:url 수정 후 정상 작동 확인했습니다
친절한 답변에 감사드립니다!^^
@minwookeyboard
답변과 테스트 감사합니다.
저희가 고민이 됐던 부분은
“페이스북이나 슬랙 등에서는 정상적으로 동작하지만 카톡에서는 index페이지의 og만을 보여주네요ㅠㅠ” 이 부분입니다.
페이스북에서 정상 작동한다고 하니, 저희가 og tag를 잘못 이해하고 구현했는지를 고민했습니다.
내부적으로도 현재의 동작방식이 맞는것 같아서 놔두려고 합니다.
(그런데 페이스북은 왜그랫을까요 ㅠㅠ)
