हम Google Analytics को Vkontakte से पसंद की गणना करना सिखाते हैं

सभी को नमस्कार!

इस लेख में मैं आपको बताऊंगा कि अपनी साइट पर पसंद को ट्रैक करने के लिए Google Analytics का उपयोग कैसे करें और Vkontakte से "लाइक" बटन के साथ कैसे करें।

इस साल 7 जुलाई को, Google ने Analytics को पसंद, अनलॉक और किसी भी अन्य रीट्वीट की संख्या ट्रैक करने की क्षमता जोड़ी । एक बहुत ही तार्किक कार्रवाई, इन बटनों की लोकप्रियता और +1 के लॉन्च को देखते हुए। इस फंक्शन को सोशल प्लगिन कहा जाता है।

दुर्भाग्य से, यह सब काम करने के लिए, दस्तावेज़ से आपकी साइट के कोड तक एक-दो लाइनें कॉपी करना ही पर्याप्त नहीं है, आपको प्रत्येक सामाजिक नेटवर्क के एपीआई बटन को भी समझना होगा। इस पर, अक्सर समाचार का सारा आनंद समाप्त हो जाता था।

Google के क्रेडिट के लिए, यह ध्यान दिया जाना चाहिए कि उन्होंने पश्चिम में सबसे लोकप्रिय नेटवर्क - फेसबुक और Google के साथ सामाजिक प्लगइन को कैसे एकीकृत किया जाए, इसके उदाहरणों के साथ एक पूरी अलग साइट बनाई। नीचे मैं आपको बताऊंगा कि इसे Vkontakte के साथ भी कैसे एकीकृत किया जाए।

सामाजिक प्लगइन कैसे काम करता है, इसका वर्णन करके शुरू करते हैं। अपनी साइट पर इस सुविधा को सक्षम करने के लिए आपको _trackSocial फ़ंक्शन का उपयोग करने की आवश्यकता होती है, जिसमें से कॉल इस तरह दिखता है:
_gaq.push([ '_trackSocial' , , , URL (-) , page path (-) ]);

URL पैरामीटर वैकल्पिक है, यदि आप इसे छोड़ देते हैं, तो Google Analytics इसके बजाय वर्तमान पृष्ठ पते को बदलेगा। यदि आप रिपोर्ट में कुछ अन्य पृष्ठ पता या अन्य जानकारी देखना चाहते हैं तो इस पैरामीटर की आवश्यकता है।

उदाहरण के लिए, आपकी साइट पर आपके पास दो URL (उदा। Mypics.iss / news / 01-12-2028 / 1 और mypics.iss / articles / grandma_in_space ) के तहत एक ही लेख उपलब्ध है, फिर जब आप क्लिक करेंगे, तो मान वितरित किए जाएंगे दो अलग-अलग 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 ईवेंट की सदस्यता ले सकते हैं ।

फेसबुक से कोई मूलभूत अंतर नहीं हैं, इसलिए हम 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 फ़ाइल के अंत तक।

बस इतना ही। अब बस इस कोड को सिर में कहीं रख दें, और "मुझे पसंद है" बटन के आरंभीकरण के बाद, एक कॉल जोड़ें

 _ga.trackVkontakte(); 

परिणामस्वरूप, रिपोर्ट में निम्नलिखित पंक्तियाँ दिखाई देंगी (केवल नए इंटरफ़ेस में उपलब्ध):