워드프레스(WordPress)의 헤더(header)와 푸터(footer)에 스크립트(script) 넣는 방법

워드프레스의 헤더(header) 또는 푸터(footer)에 스크립트(script)를 넣어야 할 경우가 종종 있습니다.

대표적인 경우가 웹 방문자 및 방문과 관련된 통계 서비스를 제공받기 위하여 네이버 애널리틱스 또는 구글 애널리틱스의 트랙킹 코드(tracking code)를 워드프레스 웹에 삽입하는 것입니다.

방문 통계 서비스를 제공하는 플러그인도 있지만 웹을 가볍게 하기 위해서는 트랙킹 코드만 삽입하는 것이 더 좋습니다.

트랙킹 코드를 삽입하는 작업을 도와주는 플러그인도 있지만 가능하면 꼭 필요한 플러그인만 쓰는 것이 좋기 때문에 손수(manually) 트랙킹 코드와 같은 스크립트를 헤더 또는 푸터에 삽입하는

방법을 찾아보았습니다.

 

스크립트를 헤더 또는 푸터에 직접 삽입하는 방법

아래의 코드를 child-theme의 functions.php에 삽입하는 방식으로 헤더 또는 푸터에 스크립트를 넣을 수 있습니다.

your_function_name은 원하는 함수명으로 바꾸고, ‘스크립트 코드를 여기에’라고 써 있는 부분에 스크립트 코드를 넣으면 됩니다.

 

(헤더에 삽입하는 경우)

/* 관련 설명 */

add_action(‘wp_head’, ‘your_function_name‘);

function your_function_name() {

?>

 스크립트 코드를 여기에

<?php

};

 

(푸터에 삽입하는 경우)

/* 관련 설명 */

add_action(‘wp_footer’, ‘your_function_name‘);

function your_function_name() {

?>

 스크립트 코드를 여기에

<?php

};

 

출처는 워드프레스 호스팅 서비스를 제공하는 kinsta 페이지입니다.