この記事では、Googleアナリティクスを使用してサイトのいいねを追跡する方法と、Vkontakteの「いいね」ボタンを使用してそれを行う方法を示します。
今年7月7日に、Googleはアナリティクスに、いいね、ロック解除、その他のリツイートの数を追跡する機能を追加しました。 これらのボタンの人気と+1の起動を考えると、非常に論理的なアクションです。 この機能はソーシャルプラグインと呼ばれます。
残念ながら、このすべてを機能させるには、ドキュメントの数行をサイトのコードにコピーするだけでは不十分です。また、各ソーシャルネットワークのAPIボタンを理解する必要があります。 これで、ニュースのすべての喜びが終わることがよくありました。
Googleの名誉のために、ソーシャルプラグインを西部で最も人気のあるネットワークであるFacebookとGoogleに統合する方法の例を含む完全な別のサイトを作成したことに注意してください。 以下に、Vkontakteと統合する方法を説明します。
ソーシャルプラグインの仕組みを説明することから始めましょう。 サイトでこの機能を有効にするには、_trackSocial関数を使用する必要があります。この関数の呼び出しは次のようになります。
_gaq.push([ '_trackSocial' , , , URL (-) , page path (-) ]);
URLパラメータはオプションです。省略した場合、Googleアナリティクスは現在のページアドレスを代わりに使用します。 このパラメーターは、レポートで他のページアドレスまたは他の情報を表示する場合に必要です。
たとえば、サイトに同じ記事が2つのURL（ mypics.iss / news / 01-12-2028 / 1とmypics.iss / articles / grandma_in_space ）で利用可能である場合、次のようにクリックすると、値が配信されます実際にはこれは同じページですが、2つの異なるURLで。 この誤解を修正するには、たとえば、URLパラメーターに書き込む必要があります。
_gaq.push([ '_trackSocial' , 'facebook' , 'like' , 'http://mypics.iss/articles/grandma_in_space' ]);
ちなみに、この行はリンクである必要はありません。次のように記述できます。
_gaq.push([ '_trackSocial' , 'facebook' , 'like' , 'grandma_on_ISS' ]);
ページの相対パス （この例では、
/articles/grandma_in_space
）は、デフォルトでページパスパラメーターに書き込まれますが、これを記述する必要もありません。
これがどのように機能するかが明確になったので、ソーシャルネットワークとの統合に進むことができます。 ソーシャルプラグインはデフォルトでGoogle+のみを監視し、カウンター名がない場合のみ監視します。
VKontakteの例で統合を構成する方法を考えてみましょう。 最初に、 開発者向けのVKontakteページにアクセスし、一般的なボタンの操作方法を確認する必要があります。
「いいね」ボタンがページにインストールされると、VK.Observerオブジェクトが使用可能になり、 widgets.like.likedおよびwidgets.like.unlikedイベントにサブスクライブできることがわかります 。
facebookと根本的な違いはないので、Googleの例のイメージと肖像を書きます。
_ga.trackVkontakte = function(opt_pageUrl, opt_trackerName, opt_targetUrl) { var trackerName = _ga.buildTrackerName_(opt_trackerName); try { if (VK && VK.Observer && VK.Observer.subscribe) { VK.Observer.subscribe('widgets.like.liked', function() { _gaq.push([trackerName + '_trackSocial', 'vkontakte', 'like', opt_targetUrl, opt_pageUrl]); }); VK.Observer.subscribe('widgets.like.unliked', function() { _gaq.push([trackerName + '_trackSocial', 'vkontakte', 'unlike', opt_targetUrl, opt_pageUrl]); }); } } catch (e) {} };
Googleの例の_ga変数を使用しているため、このコードが機能するには、たとえばGoogleファイルの最後に追加する必要があります。
それだけです。 このコードを頭のどこかに置き、「I like」ボタンの初期化後、呼び出しを追加します
_ga.trackVkontakte();
その結果、レポートには次の行が表示されます（新しいインターフェイスでのみ使用可能）。
