반응형 웹에서 모바일 접속 시 카카오톡 링크 공유 버튼이 작동하지 않습니다

http://www.monoflat.com/home/bbs/board.php?bo_table=photo&wr_id=38

다음과 같은 페이지인데, PC에서는 카카오톡 공유가 잘 작동하는데, 모바일에선 작동하질 않습니다…

따로 코드를 고치지 않고 기본 샘플코드를 그대로 갖다써도 그렇네요…
제이쿼리 클릭이벤트를 사용한게 문제가 싶어 그걸 빼고 샘플처럼 javascript 코드를 사용해도 똑같습니다…ㅠ

데모 페이지는 모바일에서도 정상 작동하는걸 보니… 일단, 카카오톡 앱 실행부터가 문제인거 같긴 한데…

특이한건 버튼이 작동하지 않을 시 개발자도구로 확인해보니 body 끝쪽에 다음과 같은 ifrmae 태그가 붙습니다.

<iframe name="easyXDM_Kakao_default4019_provider" id="easyXDM_Kakao_default4019_provider" src="https://kapi.kakao.com/cors/?xdm_e=http%3A%2F%2Fwww.monoflat.com&amp;xdm_c=default4019&amp;xdm_p=1" frameborder="0" style="position: absolute; top: -2000px; left: 0px;"></iframe>

뭐가 문제이고, 어떻게 해결하면 될까요…? 답변 부탁드립니다

로그인이 필요한 페이지라서 확인이 어렵네요.

카카오링크 함수 호출 전에 다른 로직을 처리하는 부분이 있을까요?
클릭 이벤트를 어떻게 처리하시는지 올려주시면 확인해볼게요.

http://www.monoflat.com/home/bbs/board.php?bo_table=test&wr_id=31

테스트용 페이지 만들었습니다! 한번만 다시 봐주시면 감사하겠습니다

코드는 다음과 같이 작성하였습니다.

<img src="<?=G5_IMG_URL?>/kakao_btn.png" id="kakao" style="cursor: pointer; width: 40px; height: 40px; margin-left: 4px;">

$("#kakao").on("click", function() {
    shareKakaotalk();
})
Kakao.init("***");
function shareKakaotalk() {
    Kakao.API.cleanup();
    // 사용할 앱의 JavaScript 키를 설정
    Kakao.Link.sendDefault({
          objectType:"feed"
        , content : {
              title:"[mono flat]"   // 콘텐츠의 타이틀
            , description:"<?=$view['wr_subject']?>"   // 콘텐츠 상세설명
            , imageUrl:"<?=G5_DATA_URL?>/file/<?=$_GET['bo_table']?>/<?=sql_fetch("select bf_file from g5_board_file where bo_table='{$_GET['bo_table']}' and wr_id={$view['wr_id']}")['bf_file']?>"   // 썸네일 이미지
            , link : {
                  mobileWebUrl:"<?=G5_BBS_URL?>/board.php?bo_table=<?=$_GET['bo_table']?>&wr_id=<?=$view['wr_id']?>"   // 모바일 카카오톡에서 사용하는 웹 링크 URL
                , webUrl:"<?=G5_BBS_URL?>/board.php?bo_table=<?=$_GET['bo_table']?>&wr_id=<?=$view['wr_id']?>" // PC버전 카카오톡에서 사용하는 웹 링크 URL
            }
        }
        , social : {
              likeCount:0       // LIKE 개수
            , commentCount:0    // 댓글 개수
            , sharedCount:0     // 공유 회수
        }
        , buttons : [
            {
                  title:"모노플랫 바로가기"    // 버튼 제목
                , link : {
                    mobileWebUrl:"<?=G5_BBS_URL?>/board.php?bo_table=<?=$_GET['bo_table']?>&wr_id=<?=$view['wr_id']?>"   // 모바일 카카오톡에서 사용하는 웹 링크 URL
                    , webUrl:"<?=G5_BBS_URL?>/board.php?bo_table=<?=$_GET['bo_table']?>&wr_id=<?=$view['wr_id']?>" // PC버전 카카오톡에서 사용하는 웹 링크 URL
                }
            }
        ]
    });
}

원래 이런식으로 불러왔었는데, PC에서는 작동을 하지만 모바일에서 작동을 하지 않아서,
혹시 제이쿼리 사용의 문제인가해서 페이지 맨 아래에 테스트용으로 제이쿼리를 사용하지 않고 기본 샘플처럼 버튼을 하나 더 만들어봤습니다.

<a id="kakao-link-btn" href="javascript:;"><img src="//developers.kakao.com/assets/img/about/logos/kakaolink/kakaolink_btn_medium.png"/>
    </a>

//<![CDATA[
Kakao.init("***");
Kakao.Link.createDefaultButton({
  container: '#kakao-link-btn',
  objectType: 'feed',
  content: {
    title: '딸기 치즈 케익',
    description: '#케익 #딸기 #삼평동 #카페 #분위기 #소개팅',
    imageUrl: 'http://mud-kage.kakao.co.kr/dn/Q2iNx/btqgeRgV54P/VLdBs9cvyn8BJXB3o7N8UK/kakaolink40_original.png',
    link: {
      mobileWebUrl: 'https://developers.kakao.com',
      webUrl: 'https://developers.kakao.com'
    }
  },
  social: {
    likeCount: 286,
    commentCount: 45,
    sharedCount: 845
  },
  buttons: [
    {
      title: '웹으로 보기',
      link: {
        mobileWebUrl: 'https://developers.kakao.com',
        webUrl: 'https://developers.kakao.com'
      }
    },
    {
      title: '앱으로 보기',
      link: {
        mobileWebUrl: 'https://developers.kakao.com',
        webUrl: 'https://developers.kakao.com'
      }
    }
  ]
});
//]]>

그런데 이 것 역시 PC에서는 작동을 하나 모바일에서는 작동을 하지 않았네요…

뭐가 문제인걸까요…?