Header & Footer Code
관리자에서 사이트의 head 또는 body에 Google Analytics, Tag Manager, 픽셀 또는 어떤 코드든 추가하세요. 테마 편집이 필요 없습니다.
플러그인
Header & Footer Code
관리자에서 사이트의 head 또는 body에 Google Analytics, Tag Manager, 픽셀 또는 어떤 코드든 추가하세요. 테마 편집이 필요 없습니다.
설치
두 단계
- EmDash 관리자에서 Registry를 열고 Header & Footer Code를 검색한 다음 Install을 클릭합니다. 어떤 권한도 요청하지 않습니다.
- 왼쪽 메뉴에서 Header & Footer Code를 열고 Setup 탭으로 이동한 다음, 표시되는 짧은 블록을 기본 레이아웃의 head(보통
src/layouts/Base.astro)에 붙여넣습니다. 다른 사람이 사이트를 만들었다면 그 사람에게 이 블록을 보내 주세요.
그 후로는 모든 것을 관리자에서 합니다. Common tags 탭에서 ID를 붙여넣어 Google Analytics, Tag Manager, Meta Pixel 또는 Clarity를 추가하거나, Your code 탭에서 어떤 코드든 붙여넣을 수 있습니다. 변경 사항은 1분 안에 사이트에 반영됩니다.
자주 묻는 질문
이 플러그인은 무엇을 하나요?
관리자에서 사이트에 작은 코드 조각(Google Analytics, Tag Manager, Meta Pixel, 채팅 위젯, 글꼴, 약간의 CSS 등)을 추가할 수 있게 해줍니다. 코드가 들어갈 위치와 표시할 페이지를 선택할 수 있고 언제든 끌 수 있습니다. 테마 파일을 열 필요가 전혀 없습니다.
코드는 어디에 넣을 수 있나요?
세 곳입니다. head, body의 시작 부분, 또는 body의 끝 부분입니다. 분석 태그는 head에 넣어야 합니다. 채팅 위젯과 대부분의 다른 스크립트는 body의 끝에 넣어야 합니다.
일부 페이지에만 코드를 표시할 수 있나요?
네. 각 스니펫은 모든 곳, 홈페이지에서만, 또는 /blog나 /shop처럼 특정 경로로 시작하는 주소에서만 표시할 수 있습니다.
코드를 알아야 하나요?
자주 쓰는 것들은 필요 없습니다. Common tags 탭에서는 ID만 붙여넣으면 플러그인이 코드를 작성합니다. Google Analytics, Google Tag Manager, Meta Pixel, Microsoft Clarity가 해당합니다. 그 밖의 것은 서비스가 제공한 코드를 Code 상자에 붙여넣으세요.
Google Search Console이나 Bing 인증은요?
EmDash에 내장되어 있습니다. Settings를 연 다음 SEO에서 인증 코드를 붙여넣으세요. 플러그인이 필요 없습니다.
코드는 어떻게 사이트에 전달되나요?
Setup 탭의 짧은 블록 하나를 기본 레이아웃의 head에 한 번만 넣으면 됩니다. 그 후에는 여기에서 추가한 모든 것이 로드됩니다. 변경 사항은 1분 안에 방문자에게 전달됩니다. Setup 탭에는 사이트가 마지막으로 코드를 로드한 시점이 표시됩니다.
삭제하지 않고 끌 수 있나요?
네. Turn off는 코드를 유지한 채 실행만 멈춥니다. Turn on은 다시 켭니다. Delete는 영구적으로 삭제합니다.
사이트가 느려지나요?
테마의 블록은 아주 작고 페이지당 한 번만 실행됩니다. 각 스니펫은 테마에 직접 붙여넣은 것과 똑같이 코드 자체의 비용만 듭니다.
변경 내역
0.1.0
- 첫 릴리스. head, body 시작 부분 또는 body 끝 부분에 코드를 추가하며, 모든 곳, 홈페이지 또는 특정 경로로 시작하는 주소에서 표시할 수 있습니다.
- ID만으로 쓸 수 있는 일반 태그: Google Analytics, Google Tag Manager, Meta Pixel, Microsoft Clarity.
- 스니펫 켜기/끄기, 편집, 삭제. Setup 탭에서 사이트가 코드를 로드하고 있는지 확인할 수 있습니다.