상품 배너를
사이트에 붙이는 방법
링크허브에 등록한 쿠팡파트너스·토스쇼핑 상품을 외부 사이트의 글과 판매 페이지에 이미지 중심형 또는 카드형 배너로 보여줄 수 있습니다. 설치 코드는 한 번만 붙이고, 상품·문구·노출 위치는 관리자에서 바꿉니다.
1. 설치 전 준비
- 링크허브에 로그인하고 쿠팡파트너스 또는 토스쇼핑 쉐어링크 상품을 먼저 등록합니다.
- 상품에 연결할 이미지·제목·설명·버튼 문구를 준비합니다. 토스 상품은 링크 원문을 그대로 사용하며, 이미지는 직접 등록할 수 있습니다.
- 제휴 상품 배너 관리자에서 상품을 고르고 미리보기로 위치와 모양을 확인합니다.
2. 기본 설치: 코드 한 번 붙이기
대부분의 사이트는 이 방법으로 충분합니다. 관리자에서 저장한 배너가 표시될 수 있는 공통 HTML 영역에 넣으세요.
- 제휴 상품 배너 관리자에서 배너를 저장합니다.
- 화면 아래 설치 코드 복사를 누릅니다.
- 사이트 HTML의
</body>바로 앞에 붙이고 저장·게시합니다. - 관리자에서 배너 상태를 노출 중으로 바꿉니다. 첨부 이미지처럼 보이게 하려면 이미지 중심형과 사이트 상단 (헤더 아래)을 선택합니다.
사이트 키와 상품 링크는 관리자에서 생성된 코드를 그대로 복사하세요. 예시의 `사이트 키`를 직접 입력하는 방식이 아닙니다.
3. 노출 위치를 고르는 기준
관리자의 왼쪽 미리보기는 선택한 위치에 배너를 직접 옮겨 보여줍니다. 오른쪽 설정에서 위치를 바꾸면 현재 위치 안내와 배너 위치가 함께 바뀝니다. 모양에서 이미지 중심형을 고르면 이미지가 오른쪽에 크게 보이는 광고형 레이아웃이 적용됩니다.
앱 상단 광고처럼 사이트 헤더 바로 아래에 보여줄 때 사용합니다. 헤더를 찾지 못하는 사이트에서는 본문 시작 전에 자동으로 배치합니다.
글 제목을 읽은 직후 상품을 자연스럽게 소개할 때 사용합니다.
글의 도입 설명을 먼저 읽힌 뒤 관련 상품을 보여주고 싶을 때 적합합니다.
글을 끝까지 읽은 사람에게 다음 행동을 제안할 때 사용합니다.
제목 아래를 우선 사용하고, 사이트 구조상 제목을 찾지 못하면 본문 마지막을 시도합니다. 한 페이지에는 자동 배너 하나만 표시됩니다.
화면을 따라오는 작은 배너입니다. 닫기 버튼과 다시 표시할 때까지의 시간을 함께 설정할 수 있으므로 구매 흐름을 방해하지 않게 운영하세요.
상품 이미지를 오른쪽에 크게 배치하고 왼쪽에 광고 문구·가격·버튼을 보여줍니다. 모바일에서도 이미지와 문구가 함께 보이도록 줄어듭니다.
4. 수동 슬롯에만 표시하기
페이지의 원하는 위치에만 배너를 표시하려면 노출 위치에서 수동 슬롯에만 표시를 선택하세요. 이때 관리자에서 복사하는 설치 코드에 슬롯 코드가 함께 들어갑니다.
수동 슬롯은 관리자에서 선택한 배너에 맞는 ID가 자동으로 들어갑니다. 위 예시의 `배너 ID`를 그대로 쓰지 말고, 관리자에서 다시 복사한 코드를 사용하세요.
5. 플랫폼별 설치 위치
테마의 공통 footer 또는 페이지 HTML에서 </body> 앞에 코드를 붙입니다. 특정 글에만 넣으려면 해당 글 템플릿이나 HTML 영역을 사용하세요.
외부 스크립트 또는 사용자 정의 HTML을 허용하는 공통 코드 영역에 넣습니다. 플랫폼에서 스크립트 삽입을 제한하면 관리자·페이지 설정을 확인해야 합니다.
게시물 본문에 외부 스크립트를 직접 설치할 수 없습니다. 프로필 링크나 별도 판매 페이지에 연결하고, 설치 가능한 사이트에 배너를 표시하세요.
6. 설치 후 확인 순서
- 실제 공개 페이지를 새 창 또는 시크릿 창에서 엽니다.
- 관리자에서 선택한 위치에 배너가 표시되는지 확인합니다.
- 이미지 중심형을 선택했다면 이미지가 깨지지 않고 광고 문구·상품명·버튼이 함께 보이는지 확인합니다.
- 모바일·Desktop 설정을 각각 선택했다면 해당 기기에서만 표시되는지 확인합니다.
- 상품 버튼을 눌러 제휴 링크로 이동하는지, 배너에 제휴 고지가 보이는지 확인합니다.
- 관리자의 최근 성과에서 노출·클릭 집계가 들어오는지 확인합니다. 배너를 닫으면 설정한 시간 동안 다시 표시되지 않습니다.