웹사이트 위젯

저장 버튼이외에도 팔로우 버튼과 핀, 보드 및 프로필 위젯을 웹사이에 추가할 수 있습니다. 팔로우 버튼을 만들면 사람들이 Pinterest에서 사용자를 팔로우하여 본인의 홈피드에서 사용자가 핀한 내용을 볼 수 있습니다. 또한 위젯을 만들면 사용자의 웹사이트에 있는 핀, 보드, 프로필을 보여주기 때문에 사람들이 Pinterest에서의 사용자 활동을 확인할 수 있습니다.
 
Pinterest 위젯 빌더를 사용해 웹사이트에 버튼과 위젯을 만드세요.

위젯 만들기

Follow button Follow button

Follow button

팔로우 버튼을 추가하려면 다음 단계에 따르세요.

  1. 위젯 빌더에 사용자의 프로필 URL을 입력하세요.
  2. 만들기!를 클릭하세요.
  3. 사용자의 웹사이트에서 팔로우 버튼을 원하는 위치에 제공된 코드를 붙여넣으세요.
코드는 다음과 같습니다(빨간색 텍스트는 사용자의 정보에 따라 다릅니다).
 

Pin widget Pin widget
 
핀 위젯을 만들려면 다음 단계에 따르세요.
  1. 즐겨찾는 핀의 URL을 복사하여 위젯 빌더로 이동하세요.
  2. 핀의 URL을 입력하세요.
  3. 만들기!를 클릭하세요.
  4. 회원님의 웹사이트에서 핀을 원하는 위치에 제공된 코드를 붙여넣으세요.
코드는 다음과 같습니다(빨간색 텍스트는 사용자의 정보에 따라 다릅니다).
 
<a data-pin-do="embedPin" href="https://www.pinterest.com/pin/99360735500167749/"></a>
 
<!-- Please call pinit.js only once per page -->
<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

Profile widget Profile widget

profile widget

프로필 위젯을 생성하려면

  1. 위젯 빌더에 사용자의 프로필 URL을 입력하세요.
  2. 프로필 위젯의 크기를 맞춤 설정하세요.
  3. 만들기!를 클릭하세요.
  4. 회원님의 웹사이트에서 위젯을 원하는 위치에 제공된 코드를 붙여넣으세요.
코드는 다음과 같습니다(빨간색 텍스트는 사용자의 정보에 따라 다릅니다).
 

Board widget Board widget

board widget

보드 위젯을 생성하려면

  1. 위젯 빌더에 보드 URL을 입력하세요.
  2. 보드 위젯의 크기를 맞춤 설정하세요.
  3. 만들기!를 클릭하세요.
  4. 회원님의 웹사이트에서 위젯을 원하는 위치에 제공된 코드를 붙여넣으세요.
코드는 다음과 같습니다(빨간색 텍스트는 사용자의 정보에 따라 다릅니다).
 


유명한 호스팅 업체를 통해 위젯을 설치하는 방법을 알아보세요.

WordPress.com WordPress.com
핀, 프로필, 또는 보드에 대한 링크를 사용자의 블로그 게시물에 추가하기만 하면 됩니다. 게시물이 발행될 시에 WordPress가 자동으로 링크를 위젯으로 변환합니다.

Blogger Blogger
  1. 위젯 빌더에 위젯을 만들고 코드를 복사하세요.
  2. 블로그 관리 페이지 왼편의 레이아웃 버튼을 클릭하세요.
  3. 위젯이 들어갈 공간을 찾은 후 가젯 추가를 클릭하세요.
  4. 아래로 스크롤해서 HTML/JavaScript를 클릭하세요.
  5. 내용란에 위젯 빌더에서 생성된 코드를 붙여넣으세요. 제목란에는 내용이나 입력해도 괜찮습니다.
  6. 저장을 클릭하세요.

Tumblr Tumblr
먼저 자바 스크립트 문자열을 추가한 다음 위젯을 추가하세요.
 
자바스크립트 줄을 추가하려면 다음을 실행하세요.
  1. Tumblr 대시보드에서 수정하고 싶은 블로그를 선택한 후 Customize를 클릭하세요.
  2. Customize 창에서 Edit HTML을 클릭하세요.
  3. 코드 하단으로 스크롤하세요.
  4. 코드가 pinit.js를 포함하고 있는지 확인하세요. 포함하고 있다면 이제 다 끝났습니다!
  5. 포함하고 있지 않는 경우, </body> 태그 마지막 부분 바로 위에 다음 코드를 추가하세요. <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>

팔로우 버튼, 핀, 프로필 위젯 혹은 보드 위젯을 글, 사진, 인용구, 링크, 오디오 및 동영상 게시물에 추가하려면

  1. 위의 과정에 따라 자바스크립트 줄을 반드시 추가하세요.
  2. 평소대로 게시물을 작성하세요.
  3. Caption 입력창의 <html> 을 클릭하세요. 글로만 된 게시물을 작성한다면 글 입력창의 <html>을 클릭하세요. 게시글의 코드가 보이게 됩니다. 보이지 않는 경우, 코드가 나타날 때까지 버튼을 다시 클릭하세요.
  4. 게시물 내에서 위젯이 보여질 위치를 찾은 후, 위젯 빌더에서 생성된 코드를 붙여넣으세요.
  5. <!-- Please call pinit.js only once per page --><script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>를 삭제하세요.
  6. 게시물을 저장하세요.

참고로 대시보드에서는 게시물 내의 위젯이 보이지 않지만, 실제 게시물에서는 보입니다.

 

Wix.com Wix.com

팔로우 버튼을 추가하려면 다음을 실행하세요.

  1. 에디터 왼쪽의 Add(+)를 클릭하세요.
  2. Social을 클릭하세요.
  3. 아래로 스크롤한 후 Pinterest 팔로우를 클릭하세요.
  4. 사용자의 페이지에서 원하는 곳으로 팔로우 버튼을 끌어놓기하세요.


일반적인 문제

위젯이 단순 링크로 나타나는 경우

다음 문제 해결 팁을 시도해보세요.

  • 페이지 코드에서 BODY 태그 마지막 부분 바로 위에 자바스크립트 줄이 들어가 있는지 확인하세요.
  • 페이지에 자바스크립트 줄이 여러 개 있다면, 제일 마지막 줄을 제외한 나머지 모든 줄을 삭제해보세요.
  • 고급 비동기 자바스크립트와 일반 자바스크립트 줄을 함께 사용하고 있다면 둘 중 하나를 제거하세요.
  • 제 3자 플러그인을 사용 중이라면, 해당 플러그인이 이미 pint.js 줄을 코드에 추가하고 있지는 않은지 확인하세요. 이미 추가된 경우, 따로 다시 추가할 필요가 없습니다.

일부 호스팅 업체는 자바스크립트를 지원하지 않기 때문에 Pinterest의 위젯 빌더를 통해 코드를 추가하지 못할 수도 있습니다. 해당 업체가 위젯을 추가할 수 있는 다른 방법을 제공할 수도 있습니다.

관련 문서