44. 통합 및 API 연동, Google Analytics와 워드프레스 연동하여 데이터 추적

웹사이트의 성과를 측정하고 분석하기 위해 Google Analytics(GA)를 사용하는 것은 매우 일반적입니다. 특히 워드프레스와 같은 콘텐츠 관리 시스템(CMS)을 사용할 때, GA는 웹사이트 방문자, 페이지 트래픽, 전환율, 사용자 행동 등의 중요한 데이터를 추적할 수 있는 강력한 도구입니다. 이 글에서는 워드프레스와 Google Analytics를 통합하기 위한 방법에 대해 자세히 설명하고, API를 통해 데이터를 연동하는 방법도 알아보겠습니다.

1. Google Analytics 계정 생성 및 설정

먼저 Google Analytics 계정을 생성해야 합니다. 아래의 과정을 통해 계정을 생성하고 기본 설정을 마칩니다.

  1. Google Analytics 웹사이트(https://analytics.google.com/)에 접속하여 Google 계정으로 로그인합니다.
  2. 구글 분석 도구에 들어가면 “시작하기” 버튼을 클릭합니다.
  3. 계정을 설정하고 웹사이트의 이름, URL, 산업 분야, 시간대 등을 입력한 후 “추적 ID 얻기”를 클릭합니다.
  4. 주어진 트래킹 ID를 복사해 둡니다. 이는 나중에 워드프레스에 붙여넣어야 할 코드입니다.

2. 워드프레스에 Google Analytics 통합하기

워드프레스에 Google Analytics를 통합하는 방법은 여러 가지가 있습니다. 가장 일반적이고 간편한 방법은 플러그인을 사용하는 것입니다. 다음 플러그인 중 하나를 선택하여 설치할 수 있습니다:

  • MonsterInsights
  • GA Google Analytics
  • Site Kit by Google

여기서는 Site Kit by Google 플러그인을 사용하는 방법을 소개합니다.

2.1 Site Kit 설치하기

  1. 워드프레스 대시보드에 로그인합니다.
  2. 왼쪽 메뉴에서 “플러그인” > “새로 추가”를 클릭합니다.
  3. 검색 창에 “Site Kit”을 입력하고 설치 후 활성화합니다.

2.2 Site Kit 설정하기

플러그인을 활성화한 후, 다음 단계를 따라 Google Analytics를 설정합니다.

  1. 대시보드에서 “Site Kit” 메뉴를 선택합니다.
  2. “설정” 버튼을 클릭하고 Google 계정에 로그인합니다.
  3. Google Analytics와 연결할 때, 이전에 생성한 Google Analytics 계정을 선택합니다.
  4. 설정을 완료하면 “완료” 버튼을 클릭합니다.

3. 데이터를 API를 통해 추적하고 활용하기

Google Analytics API를 통해 웹사이트의 데이터를 활용할 수도 있습니다. 이를 통해 보다 고급 분석을 수행하거나, 맞춤형 리포트를 생성할 수 있습니다. 다음은 Google Analytics API를 사용하여 데이터를 가져오는 방법에 대한 예제입니다.

3.1 Google API Console 설정하기

  1. Google API Console에 접속하여 로그인합니다.
  2. 새 프로젝트를 생성합니다.
  3. API & Services 메뉴에서 “Library”를 선택한 후 “Google Analytics API”를 활성화합니다.
  4. “Credentials” 메뉴로 가서 “Create Credentials” 버튼을 클릭하여 서비스 계정 키를 생성합니다.
  5. JSON 형식으로 키 파일을 다운로드합니다. 이 파일은 API 인증에 사용됩니다.

3.2 워드프레스에서 Google Analytics API 사용하기

워드프레스 테마 또는 플러그인에서 Google Analytics API를 사용하기 프로그램 코드의 예제를 작성합니다. 다음은 PHP를 사용하여 Google Analytics API를 호출하는 예제입니다:


require 'vendor/autoload.php'; 

use Google\Client;
use Google\Service\Analytics;

function get_ga_data() {
    // Google 클라이언트 초기화
    $client = new Client();
    $client->setApplicationName("My Application");
    $client->setAuthConfig('path/to/your/credentials.json');
    $client->setScopes(Analytics::ANALYTICS_READONLY);

    // 서비스 객체 생성
    $analytics = new Analytics($client);

    // GA 데이터 요청
    $profileId = 'YOUR_PROFILE_ID';
    $results = $analytics->data_ga->get(
        'ga:' . $profileId,
        '30daysAgo',
        'today',
        'ga:sessions,ga:pageviews',
        ['dimensions' => 'ga:source,ga:medium']
    );

    return $results;
}

// 데이터 출력
$data = get_ga_data();
foreach ($data->getRows() as $row) {
    echo 'Source: ' . $row[0] . ', Medium: ' . $row[1] . ', Sessions: ' . $row[2] . ', Pageviews: ' . $row[3] . '
';
}

4. GA 데이터 시각화

API를 통해 가져온 데이터를 더 쉽게 이해할 수 있도록 시각화할 수 있습니다. 워드프레스에서 다양한 자바스크립트 라이브러리(예: Chart.js, D3.js)를 사용하여 데이터를 그래프로 표시하는 방법에 대해 알아보겠습니다.

4.1 Chart.js를 이용한 데이터 시각화

결론

Google Analytics와 워드프레스를 연동하는 것은 웹사이트 성과를 측정하고 분석하는 데 도움을 줍니다. 단순한 플러그인 설치로 기본적인 데이터 추적이 가능하지만, Google Analytics API를 활용하면 맞춤형 데이터 분석과 보고서 작성이 가능합니다. 이러한 통합을 통해 웹사이트 운영은 물론, 마케팅 전략 수립에도 큰 도움이 될 것입니다.

이번 강좌를 통해 배운 내용을 토대로 여러분의 워드프레스 사이트에 Google Analytics를 효과적으로 연동하여 데이터를 분석하고, 비즈니스 성과를 극대화하시기를 바랍니다.