카카오 공유하기 하단 출처 링크 바꾸는 방법 (sendCustom + 메시지 템플릿)

카카오톡 공유 말풍선 맨 아래 출처 링크를 내가 원하는 URL로 바꾸고 싶었다.

Kakao.Share.sendDefault만 쓰면 출처 링크를 변경할 수 없다.
카카오 문서 기준으로도 출처 링크 편집은 사용자 정의 템플릿에서만 열린다.

그래서 sendCustom + 메시지 템플릿으로 바꿨고,
템플릿에 설정한 사용자 인자 키로 출처 URL을 넘기면 된다.

sendDefault에서 막힌 이유

sendDefault는 코드에서 JSON으로 말풍선을 조립하는 방식이다.

빠르게 붙이기엔 좋지만,
하단 출처 링크를 템플릿 단위로 지정·변경하기 어렵다.

출처 링크를 바꾸려면 사용자 정의 템플릿이 필요하고,
코드에서는 sendCustom을 써야 한다.

데브톡 출처 링크 문의 글을 보다가
sendCustom이 있다는 것을 알게 됐다.
같은 고민을 한 사람 글이라 방향 잡는 데 도움이 됐다.

변경한 것 (요약)

1. 메시지 템플릿에서 출처 링크 연결

카카오 디벨로퍼스 → 도구 → 메시지 템플릿

1. 공유에 쓸 앱 선택
2. 피드형 등 원하는 템플릿 생성
3. 컴포넌트 링크 관리 → 출처 링크
4. 모바일 웹 / PC 웹 Path에 사용자 인자를 직접 설정한다
   예: ${sourceUrl} — 키 이름은 내가 정한다
5. 저장 후 템플릿 ID 확인

공식 문서에도 나와 있다.

앱 이름과 아이콘은 수정 불가

URL만 바꿀 수 있고, 출처 아이콘·이름은 템플릿으로는 못 바꾼다.

출처 아이콘·이름은 혹시나 해서
데브톡에 추가 기능 심사로 가능한지 직접 문의해 봤다.

카카오 답변은 명확했다.

아쉽지만 출처 영역의 앱 아이콘과 이름은 앱에 등록된 정보로 표시되고 임의 수정하실 수 없습니다.

역시나 안 됐다.

2. 코드: sendCustom + templateArgs

// Before
window.Kakao.Share.sendDefault({
  objectType: 'feed',
  content: {/* ... */},
});
 
// After
window.Kakao.Share.sendCustom({
  templateId: 111111,
  templateArgs: {
    // 템플릿 출처 링크에 연결한 사용자 인자 키와 동일하게 (예: sourceUrl)
    sourceUrl: 'https://example.com/target-page',
    title: '...',
    description: '...',
    image: 'https://example.com/og.png',
    url: 'https://example.com/target-page',
  },
});

템플릿 도구에서 출처 링크에 ${sourceUrl}처럼 사용자 인자 키를 설정해 두면,
templateArgs에 같은 키 이름으로 값을 넘긴다 (${} 없이).

templateArgs: {
  sourceUrl: 'https://example.com/target-page',
}

이렇게 하면 하단 출처 클릭 시 해당 URL로 이동한다.
title, description, image, url 등도 템플릿에 연결한 사용자 인자 키를 그대로 쓰면 된다.

Kakao.init에 쓰는 JS 키와 templateId는 같은 카카오 앱이어야 한다.

출처에서 바꿀 수 있는 것

templateArgs.image는 말풍선 큰 이미지용이다.
출처 작은 아이콘과는 무관하다.

결론

하단 출처 링크만 바꾸려면
sendDefault → sendCustom + 사용자 정의 템플릿 + 사용자 인자 키가 정답에 가깝다.

출처 아이콘·앱 이름은 이 방법으로는 못 바꾼다.
데브톡 문의로도 확인했지만, 추가 심사로 풀리는 항목은 아니었다.
앱 기본 정보를 수정하거나, 서비스별로 카카오 앱을 분리해야 한다.