pc카톡에서는 오픈 그래프가 정상적으로 동작하지만, 안드로이드 카톡에서는 오픈 그래프가 제대로 동작하지 않습니다.
URL:Scheme의 redirection 있어서 이 부분이 문제라고 생각하여, 해당 부분을 주석처리하고 메세지를 보내보았지만 마찬가지로 Pc에서만 보였습니다.
- 다른 기기로도 테스트해본 결과, 마찬가지로 안드로이드 폰에서는 미리보기가 보여지지 않았습니다.
- 카카오 오픈그래프 캐시도 삭제해보았으나 동작하지 않았습니다.
안녕하세요.
아래와 같이 PC와 모바일에서 미리보기가 표시되는데요.
현재도 동일한 상황인가요?
답변이 너무 늦었네요…
복붙하신 URL 주소은 저도 안드로이드 폰에서도 잘 나오는 것을 이제야 확인했습니다.
다만 저는 해당 URL에 parameter가 추가된 형태로 사용해야하는데 이때는 안드로이드 폰에서 미리보기가 표시되지않습니다.(PC에서는 parameter가 붙어도 미리보기 이미지가 잘 보입니다.) 어떻게 해결해야할까요?
감사합니다. 관련 이미지 첨부하겠습니다.
사용하신 파라메터 붙은 URL, 텍스트로 기재해주시겠어요?
내용파악 해보겠습니다.
https://exgs.github.io/yunsleeMap/urlScheme.html?상상돈가츠,레스토랑&카페,양식
https://exgs.github.io/yunsleeMap/urlScheme.html?에그슬럿,레스토랑&카페,양식
https://exgs.github.io/yunsleeMap/urlScheme.html?뽀모도로,레스토랑&카페,양식
앞에 필요없는 부분은 제거하고 링크의 텍스트만 복붙 했습니다. 세가지 예제가 있습니다. 모두 동일 현상입니다.
음…
주소뒤 파라메터가 http표준 파라메터가 아니라 모바일에서 미리보기를 표시하지 않는 것 같은데요.
?뽀모도로,레스토랑&카페,양식
이러한 형태로 주소 사용하시는 이유가 있을까요?
해당 링크를 누르면 앱이 바로 실행되도록 하는 것이 목적이였고, 그 과정에서 파라미터를 전달하는 방법이 따로 없는 것 같아서 문자열 그리고 쉼표로 구분해서 전달하고자하였습니다.
처음에는 쿼리 방식으로 넣어주려고했으나 연속된 key-value값을 구분자가 “&” 였고, 매장의 이름중에 "&"가 들어가는 것이 있어서 가장 간단한 형태로 정보전달하는 방식이 위와 같은 방식이였습니다… 추천하시는 깔끔한 방법이 있나요?
https://exgs.github.io/yunsleeMap/urlScheme.html?name=뽀모도로,레스토랑&type=카페,양식
파라메터 방식으로 구성하고
&같은 특수 문자도 전달할 수 있도록
value부분을 url 인코딩하여 전달하시는게 일반적인 방법이긴 할 것 같습니다.
우선 처음 기재해주신 방식도 PC와 iOS에서는 미리보기가 잘나오고 안드로이드에서 안나오는 부분이 있어서
담당 부서에 문의드려보도록 하겠습니다.
조언해주신 방법 잘 활용하겠습니다.
“담당 부서에 문의드려보도록 하겠습니다.” 라는 부분은 해결이 될 수 있는지 될 수 없는지 혹은 해결이 됬을 때는 어떻게 알 수 있나요. 계속 이 글에 대한 알람(혹은 확인)을 하면 될까요?
빠른 답변과 신속한 조치 감사합니다.!!
‘해결이 될 수 있는지 될 수 없는지’ 피드백 받는데로 이 게시물에 댓글로 공유드리겠습니다.
1개의 좋아요
우선은 조언해주신 방법대로 구현하여 문제는 해결했습니다. 문제를 해결하면서 느낀점은 URL Encoding을 하지 않고 URL를 카카오톡으로 보내면(한글이 들어간 형태) 그때 오픈그래프가 나타나지 않는 것 같습니다. 감사합니다!