Share Buttons
모든 글에 공유 버튼을 추가하세요: X, Facebook, LinkedIn, WhatsApp, Bluesky, Telegram 등, 그리고 링크 복사와 휴대폰 공유 시트까지.
플러그인
Share Buttons
모든 글에 공유 버튼을 추가하세요: X, Facebook, LinkedIn, WhatsApp, Bluesky, Telegram 등, 그리고 링크 복사와 휴대폰 공유 시트까지.
설치
두 단계
- EmDash 관리자에서 Registry를 열고 Share Buttons를 검색한 다음 Install을 클릭합니다. 어떤 권한도 요청하지 않습니다.
- 왼쪽 메뉴에서 Share Buttons를 열고 Setup 탭으로 이동한 다음, 표시되는 짧은 블록을 기본 레이아웃의 head(보통
src/layouts/Base.astro)에 붙여넣습니다. 다른 사람이 사이트를 만들었다면 그 사람에게 이 블록을 보내 주세요.
버튼은 1분 안에 모든 글의 끝에 나타납니다. Buttons 탭에서는 네트워크를 고르고, 버튼을 옮기고, 윤곽선 색상으로 바꾸거나, 아이콘 옆에 이름을 추가할 수 있습니다.
자주 묻는 질문
이 플러그인은 무엇을 하나요?
글에 공유 버튼 한 줄을 추가합니다. 방문자가 버튼 하나를 누르면 글의 제목과 주소가 X, Facebook, LinkedIn, WhatsApp, Telegram, Bluesky, Threads, Reddit 또는 이메일 초안으로 전달됩니다. 링크 복사 버튼도 있으며, 휴대폰에서는 기기 자체의 공유 메뉴를 여는 버튼도 있습니다.
버튼은 어디에 표시되나요?
기본적으로 각 글의 끝입니다. 제목 아래로 옮기거나, 두 곳 모두에 표시하거나, 글 옆에 공간이 있을 때 화면 왼쪽 가장자리에 떠 있게 할 수 있습니다(작은 화면이거나 글이 너비를 가득 채우는 경우에는 글의 끝으로 돌아갑니다). 원하는 위치에 두려면 글 템플릿에 data-share 속성이 있는 요소를 추가하면 버튼이 대신 그곳에 나타납니다.
어떤 페이지에 버튼이 표시되나요?
글 영역이 있는 모든 페이지이며, 대부분의 테마에서는 article 요소입니다. 테마가 다른 요소를 사용한다면 Post area를 변경하세요. 버튼을 글에만 한정하려면 Addresses starting with를 선택하고 글 경로(보통 /posts/)를 입력하세요.
공유 시트 버튼은 무엇을 하나요?
휴대폰에서는 방문자가 설치한 모든 앱이 포함된 기기 자체의 공유 메뉴를 엽니다. 데스크톱 컴퓨터의 브라우저는 대부분 이를 제공하지 않으므로 이 버튼은 작동하는 곳에서만 나타납니다.
추적 태그란 무엇인가요?
Add tracking tags를 켜면 공유되는 모든 링크에 utm_source(네트워크)와 utm_medium이 추가되어, Plausible, Fathom, Google Analytics 같은 도구에서 각 방문자가 어느 네트워크에서 왔는지 볼 수 있습니다.
공유 횟수를 집계하나요?
아니요. 공유 횟수는 각 네트워크 서버를 호출해야 하는데, 대부분의 네트워크는 더 이상 이를 제공하지 않습니다. 버튼은 해당 네트워크 자체의 공유 대화상자를 열 뿐 그 외에는 아무것도 하지 않습니다.
무언가를 수집하나요?
아니요. 플러그인은 콘텐츠에 접근할 수 없으며 사이트 밖으로 요청을 보내지 않습니다. 유일한 호출은 사이트가 자체 설정을 가져오는 것입니다. 각 공유 링크는 방문자의 브라우저에서 선택한 네트워크로 곧장 전달됩니다.
변경 내역
0.1.0
- 첫 릴리스. X, Facebook, LinkedIn, WhatsApp, Telegram, Bluesky, Threads, Reddit, 이메일용 공유 버튼과 링크 복사 및 기기 공유 시트.
- 위치는 글의 끝, 제목 아래, 둘 다, 또는 넓은 화면에서 왼쪽 가장자리에 떠 있도록 선택할 수 있습니다.
- 브랜드 색상 또는 테마의 텍스트 색상을 사용한 윤곽선, 이름 포함 여부 선택.
- 공유 링크에 대한 선택적 utm 추적 태그와 X용 “via” 사용자 이름.
- 글 영역이 있는 모든 페이지 또는 특정 경로로 시작하는 주소만. Setup 탭에서 사이트가 버튼을 불러오고 있는지 확인할 수 있습니다.