“Header Footer Code Manager” 플러그인(HFCM)은 주로 워드프레스(WordPress) 웹사이트에서 사이트의 헤더(Header), 바디(Body), 푸터(Footer) 영역에 코드 스니펫(스크립트나 스타일시트 등)을 삽입할 수 있게 해주는 플러그인입니다. 간단히 주요 기능과 특징을 정리해드릴게요.
Header Footer Code Manager (HFCM) 주요 특징
- 코드 관리: 여러 개의 코드 스니펫을 쉽게 추가/수정/삭제할 수 있습니다.
- 위치 지정: 코드 삽입 위치를 선택할 수 있습니다 (헤더, 바디 상단, 바디 하단, 푸터 등).
- 조건부 삽입: 특정 페이지, 포스트, 카테고리, 사용자 역할 등 다양한 조건에 맞춰 코드를 삽입할 수 있습니다.
- 활성/비활성 전환: 삽입한 코드를 쉽게 켜거나 끌 수 있습니다.
- 지원하는 코드 종류: HTML, JavaScript, CSS 등 거의 모든 유형의 코드 삽입 가능.
- 사용자 친화적 UI: 복잡한 설정 없이 직관적으로 코드 추가 가능.
사용 예시
- 구글 애널리틱스 추적 코드 삽입
- 페이스북 픽셀 코드 삽입
- 맞춤형 CSS나 JavaScript 추가
- 광고 스크립트 삽입 등
설치 방법
- 워드프레스 관리자 대시보드 접속
플러그인 > 새로 추가클릭- “Header Footer Code Manager” 검색
- 설치 후 활성화
주의할 점
- 잘못된 코드를 삽입하면 사이트가 깨질 수 있으니, 삽입하는 코드는 신중하게 검토해야 합니다.
- 사이트 최적화(속도)에 영향을 줄 수 있으므로, 불필요한 스니펫 추가는 피하는 것이 좋습니다.
[애드센스 코드 삽입 방법 (HFCM 사용)]
- 워드프레스 관리자 로그인
→플러그인 > Header Footer Code Manager메뉴 클릭 - “Add New Snippet” (새 스니펫 추가) 버튼 클릭
- 설정 입력
- Name: 스니펫 이름을 입력 (예: “애드센스 광고 코드”)
- Site Display:
- 전체 사이트에 표시할 거면 “Site Wide” 선택
- 특정 페이지만 표시할 거면 조건을 설정
- Location:
- 보통 “Before </head>” 또는 “Before </body>”를 많이 선택합니다.
- 광고를 본문에 넣고 싶다면, 직접 콘텐츠 안쪽에 Shortcode를 이용하는 방법도 있음.
- Device Display: 모든 기기(All Devices)로 설정
- Snippet Type:
- “HTML”로 선택
- 코드 입력
- 구글 애드센스에서 제공하는 **광고 코드(스크립트)**를 복사해 와서 입력창에 붙여넣기
- Publish(저장) 클릭