티스토리 블로그에 Buy me a coffee 후원 버튼 붙이기

"Buy Me a Coffee" 라고 해외에서는 많이 알려진 후원 링크 제공 사이트입니다.

해외 블로그나 개인 크리레이터들이 페이트리온(Patreon)과 함께 크리에이터 후원, 서포트 후원 시스템으로 많이 사용합니다.

이용자들에게 "커피한잔사줘", "맥주한잔사줘"와 같은 가벼운 느낌의 후원 요청 링크를 제공해서 친근하게 다가가는 후원시스템입니다.

최근들어 이용자가 많이 늘어나고 있어서 티스토리에 붙이는 방법을 소개합니다.

참고로 국내 이용자들은 문화적인 차이로 인해 후원에 좀 인색한 면이 있습니다.

이런 버튼 붙여놓는다고 후원이 쏱아질거라는 기대는 안하시는게 좋습니다.

거기다 해외 사이트다 보니 달러로 후원이 되기 때문에 후원자가 후원하기에 좀 어색합니다.

그전에 페이팔 계정이 있어야 합니다.

해외 사이트이기 때문에 국내 은행 계좌로의 후원은 안됩니다.

페이팔이 국내 은행 송금이 가능하기 때문에 페이팔 개설은 필수입니다.

먼저 buymeacoffee.com 사이트로 갑니다.

https://buymeacoffee.com 

 Buy Me a CoffeeBuy Me a Coffee is the best way for creators and artists to accept support and membership from their fans.www.buymeacoffee.com

오른쪽 상단의 "Sign up" 버튼을 눌러 회원 가입을 진행합니다.

소셜 계정(구글, 페이스북, 트위터)으로도 가입을 할 수 있습니다.

크리에이터 서포트 버튼을 붙여야 하므로 "Yes I'm a Creater" 를 선택합니다.

내 URL을 만들기 위해 "https://buymeacoffee/내고유아이디" 를 생성해야 합니다. 하위 URL을 위한 사용하고 싶은 아이디를 입력하면 사용 가능한지 자동으로 확인해줍니다.

서포트 후원 받아서 돈 벌어야 하므로 페이팔 계정을 연동합니다.

국가(Country)는 "korea", 통화는 USD(미국 달러)를 선택합니다. 원화는 지원하지 않습니다.

페이팔 옆의 "Enable" 버튼을 눌러 페이팔 계정과 연동을 합니다.

페이팔에 로그인해서 연동이 완료되면 "Enabled"로 메시지가 표시됩니다.

가입이 완료되고, 개인 프로필 설정 화면이 표시됩니다.

이런 저런 정보들을 입력하고 상단의 "Save" 버튼을 누르면 가입이 완료됩니다.

후원 버튼은 내 계정 페이지에서 다시 만들게 되므로 여기서는 기본 정보만 입력하고 완료합니다.

"About me"에 표시되는 내용은 후원자가 후원 화면에 들어갔을 때 보이는 내용이 되므로, 가능하면 구구절절히 애잔하고 절절하게 후원할 수 밖에 없도록 하는 내용으로 작성을 하는 것이 좋습니다.

페이팔로 후원을 받을 때의 평균 수수료는 2.9% 정도입니다. 약간씩 변동이 되고...

후원 버튼을 만들어서 내 블로그에 붙여야 합니다.

대시보드로 이동합니다.

www.buymeacoffee.com/dashboard

대시보드 메인 하단에 보면 "Website buttons" 버튼이 있습니다.

클릭하면 웹사이트에 후원 버튼을 만드는 화면이 팝업으로 표시됩니다.

버튼 디자인을 고르고 문구를 입력합니다. 글꼴도 선택할 수 있습니다.

궁서체를 피하고 싶으면 맨 밑의 "Poppins" 글꼴을 선택해야 합니다.

다 선택했으면 가운데 오른쪽의 "Generate button" 버튼을 클릭해서 버튼을 생성합니다.

코드가 생성되고 코드가 화면에 표시됩니다.

"Copy code" 버튼을 누르면 표시된 코드가 클립보드로 복사됩니다.

복사한 코드를 티스토리 스킨에 적용해야 합니다.

티스토리 관리자 화면으로 가서 스킨 편집화면으로 들어갑니다.

HTML 편집 에디터 화면에서 원하는 블로그 위치에 코드를 붙여넣고 스킨 저장을 하면 후원 버튼이 붙여넣기 됩니다.

생성되는 코드는 기본적으로 다음과 같습니다.

<script type="text/javascript" src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js" data-name="bmc-button" data-slug="apos" data-color="#FFDD00" data-emoji="?"  data-font="Poppins" data-text="스킨받아갔으면 후원해라" data-outline-color="#000000" data-font-color="#000000" data-coffee-color="#ffffff" ></script>

코드의 "data-text" 속성에 있는 텍스트 내용을 수정하면 표시되는 버튼의 문구를 수정할 수 있습니다.

일일이 사이트 들어가서 코드 다시 만들지 않아도 됩니다.

개인 창작자나 컨텐츠를 제공하는 개인들은 페이팔 계정을 개설해서 링크를 붙여놓으면 감사하는 마음을 표현하고 싶은 이용자들에게 후원을 받을 수 있습니다.