아바다 테마에 구글 애널리틱스 코드 추가하기

구글 애널리틱스를 워드프레스에 추가하는 방법에는 여러 가지가 있습니다.

아바다 테마를 사용하는 경우 가장 간편한 방법은 아바다의 테마 옵션에서 제공하는 기능을 이용하는 것입니다.

아바다의 테마 옵션(Themes Options)에서 Advanced(고급) > Code Fields로 이동한 다음 Tracking Code  섹션에 추적 코드를 추가하면 됩니다.

All in One SEO나 Yoast SEO 같은 플러그인을 사용할 수도 있습니다.

이 방법은 간편하지만 로딩 속도 비교를 해 보니 그리 좋은 방법은 아닌 것 같습니다.

이러한 방법 대신 함수 파일에 enqueue를 시켜주는 것이 가장 효과적인 것 같습니다.

구글 애널리틱스 코드는 다음과 같은 형식입니다.

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXXXXX-1', 'auto');
ga('send', 'pageview');

</script>

자식 테마를 만들고, 자식 테마로 이동한 다음 analyticstracking.js 파일을 만듭니다. 그런 다음 이 파일에 다음 코드를 추가합니다.

파일을 추가하고 수정하는 작업은 보통 FTP를 통해 수행하면 됩니다(“FTP 사용하기” 참고).

BluehostSiteground 같은 해외 호스팅을 사용하는 경우 cPanel에서 작업하면 웹에서 작업이 가능합니다. cPanel에서 File Manager를 클릭하면 파일을 관리할 수 있는 파일 관리자 툴이 실행됩니다.

파일 관리자

New File을 클릭하면 새로운 파일을 만들 수 있습니다. 이외에도 복사, 파일 이동, 업로드, 다운로드, 삭제, 이름 변경, 편집, 퍼미션 변경, 압축 풀기, 압축하기 등 다양한 기능을 이용할 수 있습니다.

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXXXXX-1', 'auto');
ga('send', 'pageview');

이제 차일드 테마 내의 함수 파일(functions.php)에 다음과 같은 코드를 추가합니다.

// Function to add analyticstracking.js to the site
function add_google_analytics() {
// Register analyticstracking.js file (Google Analytics)
wp_register_script(
'google-analytics', // handle name referred to in the "wp_enqueue_script" call below
get_stylesheet_directory_uri() . '/analyticstracking.js', // location of your file
false, // no dependencies
'1.0', // version number
true // if true, the script is placed before the end tag
);
// Enqueue the registered script file
wp_enqueue_script('google-analytics');
}
add_action('wp_enqueue_scripts', 'add_google_analytics');
출처: crambler.com

캐시 플러그인이 설치되어 있다면 캐시를 삭제하면 제대로 작동할 것입니다.

아바다 테마에 코드를 넣을 때와 이 방법을 사용했을 때 로딩 속도를 비교하여 더 좋은 방법을 사용하면 좋을 듯합니다. 저는 테스트해보니 테마에 코드를 넣을 때보다 아래 방법이 더 효율적인 것 같습니다.

자식 테마를 만들고 코드를 넣는 작업이 번거롭거나 이해가 잘 안 되는 경우에는 그냥 테마 옵션에 코드를 넣거나 Yoast SEO 같은 SEO 플러그인에 코드를 넣으시면 됩니다.

참고:

Leave a Comment