구글 애널리틱스 – 소셜플러그인 설치하기(1)

왜, 소셜(SNS)의 반응(공유, 좋아요)는 중요한가 ?

 

소셜(페이스북, 트위터, 구글플러스, 핀터레스트, 링크드인 등)은 검색 결과에 중대한 영향(사실상 최고의 영향)을 미치고 있습니다. 이것은 검색엔진이 인간이 평가하는 좋아요, 댓글과 같은 이벤트를 양질 콘텐츠라는 신호로 받아 들이고 있기 때문입니다. 

소셜이 어느 정도 중대한 영향을 미치고 있는가는 저희의 아래의 다른 게시글을 참조하여 주십시요.

[추천][왜, 소셜(SNS)의 반응(공유, 좋아요)는 중요한가 ?]구글 검색 상위노출 요소들의 가중치 공개(2014년 구글 검색순위의 상관성과 순위 요소들에 관한 연구 결과 : SEO Rank Correlations And Ranking Factors 2014 – Google U.S. –)

 

소셜 플러그인 및 상호작용을 구글애널틱스을 통해 분석하기

많은 소셜 네트워크에서는 사용자가 웹 또는 앱에서 콘텐츠를 쉽게 공유할 수 있게 해주는 삽입형 버튼과 위젯이 제공됩니다. 이러한 버튼에는 Google+의 ‘+1’ 버튼, Facebook의 ‘좋아요’ 버튼 등이 있습니다. 이러한 삽입형 소셜 버튼과 사용자의 상호작용은 콘텐츠와의 소셜 상호작용을 나타냅니다. 이들 소셜 상호작용은 사용자의 참여를 보여주는 가치 있는 시그널이며 애널리틱스를 이용해 측정할 수 있습니다.

 

구글 애널리틱스내에 소셜플러그인이 설치되면 [획득] -> [소셜] -> [플러그인] -> [소셜 소스]를 선택하면 아래와 같이 사용자가 사이트를 추천하는 데 사용한 소셜 버튼 종류별로 그리고 어느 소셜(페이스북, 트위터, 구글플러스 등)로 공유 및 추천하였는지와 어떤 웹페이지를 추천하였는지 확인할 수 있습니다

구글 애널리틱스_소셜플러그인 설치하기_검색엔진최적화 tool_소셜플러그인_plugin_google analitics_1

구글 애널리틱스_소셜플러그인 설치하기_검색엔진최적화 tool_소셜플러그인_plugin_google analitics_2

 

티스토리에 구글 애널리틱스 – 소셜 플러그인 설치하기

티스토리에 설치하는 방법인데 이 URL(http://caleb1783.tistory.com/462)을 응용하세요.  

  자바 스크립트 업로드 : 먼저, 아래의 링크에서 Google Analytics Sample Code를 얻어 ga_social_tracking.js 을 upload해주세요.

  https://code.google.com/p/analytics-api-samples/source/browse/trunk/src/tracking/javascript/v5/social/ga_social_tracking.js에서 직접 구할 수도 있습니다.

  업로드는 “HTML/CSS”편집 > “파일업로드”에서 해주시면 됩니다.

구글 애널리틱스_소셜플러그인 설치하기_검색엔진최적화 tool_소셜플러그인_plugin_google analitics_3

 

구글 애널리틱스_소셜플러그인 설치하기_검색엔진최적화 tool_소셜플러그인_plugin_google analitics_4

  ga_social_tracking.js 의 소스는 아래와 같으므로 메모장등으로 copy후 저장하셔도 됩니다.

// Copyright 2012 Google Inc. All Rights Reserved.

/**
 * @fileoverview A simple script to automatically track Facebook and Twitter
 * buttons using Google Analytics social tracking feature.
 * @author api.nickm@gmail.com (Nick Mihailovski)
 * @author api.petef@gmail.com (Pete Frisella)
 */

/**
 * Namespace.
 * @type .
 */
var _ga = _ga || {};

/**
 * Ensure global _gaq Google Analytics queue has been initialized.
 * @type 
 */
var _gaq = _gaq || [];

/**
 * Tracks social interactions by iterating through each tracker object
 * of the page, and calling the _trackSocial method. This function
 * should be pushed onto the _gaq queue. For details on parameters see
 * http://code.google.com/apis/analytics/docs/gaJS/gaJSApiSocialTracking.html
 * @param network The network on which the action occurs.
 * @param socialAction The type of action that happens.
 * @param opt_target Optional text value that indicates the
 *     subject of the action.
 * @param opt_pagePath Optional page (by path, not full URL)
 *     from which the action occurred.
 * @return a function that iterates over each tracker object
 *    and calls the _trackSocial method.
 * @private
 */
_ga.getSocialActionTrackers_ = function(
    network, socialAction, opt_target, opt_pagePath) {
  return function() {
    var trackers = _gat._getTrackers();
    for (var i = 0, tracker; tracker = trackers[i]; i++) {
      tracker._trackSocial(network, socialAction, opt_target, opt_pagePath);
    }
  };
};

/**
 * Tracks Facebook likes, unlikes and sends by suscribing to the Facebook
 * JSAPI event model. Note: This will not track facebook buttons using the
 * iframe method.
 * @param opt_pagePath An optional URL to associate the social
 *     tracking with a particular page.
 */
_ga.trackFacebook = function(opt_pagePath) {
  try {
    if (FB && FB.Event && FB.Event.subscribe) {
      FB.Event.subscribe(‘edge.create’, function(opt_target) {
        _gaq.push(_ga.getSocialActionTrackers_(‘facebook’, ‘like’,
            opt_target, opt_pagePath));
      });
      FB.Event.subscribe(‘edge.remove’, function(opt_target) {
        _gaq.push(_ga.getSocialActionTrackers_(‘facebook’, ‘unlike’,
            opt_target, opt_pagePath));
      });
      FB.Event.subscribe(‘message.send’, function(opt_target) {
        _gaq.push(_ga.getSocialActionTrackers_(‘facebook’, ‘send’,
            opt_target, opt_pagePath));
      });
    }
  } catch (e) {}
};

/**
 * Handles tracking for Twitter click and tweet Intent Events which occur
 * everytime a user Tweets using a Tweet Button, clicks a Tweet Button, or
 * clicks a Tweet Count. This method should be binded to Twitter click and
 * tweet events and used as a callback function.
 * Details here: http://dev.twitter.com/docs/intents/events
 * @param intent_event An object representing the Twitter Intent Event
 *     passed from the Tweet Button.
 * @param opt_pagePath An optional URL to associate the social
 *     tracking with a particular page.
 * @private
 */
_ga.trackTwitterHandler_ = function(intent_event, opt_pagePath) {
  var opt_target; //Default value is undefined
  if (intent_event && intent_event.type == ‘tweet’ ||
          intent_event.type == ‘click’) {
    if (intent_event.target.nodeName == ‘IFRAME’) {
      opt_target = _ga.extractParamFromUri_(intent_event.target.src, ‘url’);
    }
    var socialAction = intent_event.type + ((intent_event.type == ‘click’) ?
        ‘-‘ + intent_event.region : ”); //append the type of click to action
    _gaq.push(_ga.getSocialActionTrackers_(‘twitter’, socialAction, opt_target,
        opt_pagePath));
  }
};

/**
 * Binds Twitter Intent Events to a callback function that will handle
 * the social tracking for Google Analytics. This function should be called
 * once the Twitter widget.js file is loaded and ready.
 * @param opt_pagePath An optional URL to associate the social
 *     tracking with a particular page.
 */
_ga.trackTwitter = function(opt_pagePath) {
  intent_handler = function(intent_event) {
    _ga.trackTwitterHandler_(intent_event, opt_pagePath);
  };

  //bind twitter Click and Tweet events to Twitter tracking handler
  twttr.events.bind(‘click’, intent_handler);
  twttr.events.bind(‘tweet’, intent_handler);
};

/**
 * Extracts a query parameter value from a URI.
 * @param uri The URI from which to extract the parameter.
 * @param paramName The name of the query paramater to extract.
 * @return The un-encoded value of the query paramater. undefined
 *     if there is no URI parameter.
 * @private
 */
_ga.extractParamFromUri_ = function(uri, paramName) {
  if (!uri) {
    return;
  }
  var regex = new RegExp(‘[\?&#]’ + paramName + ‘=([^&#]*)’);
  var params = regex.exec(uri);
  if (params != null) {
    return unescape(params[1]);
  }
  return;
};

 

아래의 게시글에서 이어집니다. 

구글 애널리틱스 – 소셜플러그인 설치하기(1)