Google Ads लैंडिंग पेजों के लिए एएमपी का इस्तेमाल करना

तेज़ी से लोड होने वाले लैंडिंग पेजों से आम तौर पर ज़्यादा कन्वर्ज़न मिलते हैं. साथ ही, एएमपी की मदद से Google Ads के लिए आकर्षक लैंडिंग पेज बनाए जा सकते हैं, जो तेज़ी से लोड होते हैं. amp.dev वेब डेवलपर को आकर्षक और अच्छी परफ़ॉर्मेंस वाले पेज बनाने के लिए ज़रूरी संसाधन उपलब्ध कराता है. इस सिलसिलेवार गाइड में, अपने एएमपी पेजों में Google Ads और विज्ञापन दिखाने वाली अन्य टेक्नोलॉजी का इस्तेमाल करने का तरीका बताया गया है.

पहला चरण: एएमपी पेज बनाना और उनकी पुष्टि करना

एएमपी पेज बनाना

एक बेसिक एएमपी पेज बनाने का तरीका जानने के लिए, एएमपी प्रोजेक्ट के अपना पहला एएमपी पेज बनाएं ट्यूटोरियल से शुरुआत करें. ज़्यादा जानकारी और सिलसिलेवार तरीके से निर्देश पाने के लिए, एचटीएमएल को एएमपी में बदलें और एएमपी की ऐडवांस सुविधाएं जोड़ें ट्यूटोरियल देखें. एएमपी वेबसाइटों के उदाहरण और एएमपी टेंप्लेट पर, एएमपी कॉम्पोनेंट के सैंपल कोड और टेंप्लेट देखे जा सकते हैं.

यहां दी गई सूची में, एएमपी पेजों पर इस्तेमाल किए जाने वाले कुछ कॉम्पोनेंट के बारे में बताया गया है. रेफ़रंस के लिए, कॉम्पोनेंट की पूरी सूची देखें.

  • amp-bind: JavaScript जैसे इवेंट के आधार पर, कस्टम स्टेटफ़ुल इंटरैक्टिविटी जोड़ें.
  • amp-form: ऐसे लैंडिंग पेज बनाएं जिनमें उपयोगकर्ता से इनपुट की ज़रूरत होती है.
  • amp-list: सीओआरएस JSON एंडपॉइंट से कॉन्टेंट को डाइनैमिक तरीके से फ़ेच करता है.
  • amp-carousel: इमेज गैलरी को स्क्रोल करने के लिए इमेज कैरसेल.
  • amp-lightbox: किसी कॉम्पोनेंट के साथ इंटरैक्ट करने पर, उसे फ़ुल-स्क्रीन व्यू में दिखाएं.
  • amp-call-tracking: यह कॉल ट्रैकिंग के लिए, हाइपरलिंक में मौजूद फ़ोन नंबर को डाइनैमिक तरीके से बदलता है.
  • amp-mustache: इससे Mustache.js की मदद से रेंडरिंग की जा सकती है.
  • amp-date-picker: यह तारीखें चुनने के लिए एक विजेट उपलब्ध कराता है. तारीख चुनने वाले टूल को इनपुट फ़ील्ड के हिसाब से ओवरले के तौर पर या स्टैटिक कैलेंडर विजेट के तौर पर रेंडर किया जा सकता है.

एएमपी पेजों की पुष्टि करना

डेवलपमेंट के दौरान, पुष्टि करें कि आपके एएमपी पेज, एएमपी की शर्तों के मुताबिक हों. एएमपी, पुष्टि करने के कई तरीके उपलब्ध कराता है. एएमपी पेज की पुष्टि करने का सबसे आम तरीका, एएमपी वेब वैलिडेटर या Search Console एएमपी टेस्ट का इस्तेमाल करना है. एएमपी वैलिडेटर Chrome एक्सटेंशन और डेवलपर कंसोल का भी इस्तेमाल किया जा सकता है. इसके अलावा, अपने बिल्ड में amphtml-validator npm मॉड्यूल को इंटिग्रेट किया जा सकता है.

एएमपी की जांच से जुड़ी सहायता पाने के लिए, एएमपी सहायता पेज पर जाएं.

दूसरा चरण: कन्वर्ज़न ट्रैकिंग और आंकड़ों के लिए एएमपी सेट अप करना

Google Ads विज्ञापन से होने वाला कन्वर्ज़न ट्रैक करने के लिए, amp-analytics कॉम्पोनेंट का इस्तेमाल करें. इसे सेट अप करने का तरीका जानने के लिए, एएमपी लैंडिंग पेजों के लिए Google Ads कन्वर्ज़न मेज़रमेंट सेट अप करना लेख में दिया गया तरीका अपनाएं.

Google Analytics

Google Analytics, amp-analytics के साथ काम करने वाले आंकड़ों के समाधानों में से एक है. एएमपी और बिना एएमपी वाले पेजों पर सेशन को यूनिफ़ाई करने के लिए, एएमपी के लिए Google Analytics सेशन यूनिफ़िकेशन सेट अप करना लेख में दिया गया तरीका अपनाएं.

Google Tag Manager

amp-analytics कॉम्पोनेंट में, Google Tag Manager के लिए पहले से मौजूद सहायता उपलब्ध है. Google Ads कन्वर्ज़न के अलावा, Google Tag Manager का इस्तेमाल करके रीमार्केटिंग, Floodlight, और मेज़रमेंट के लिए इस्तेमाल होने वाले ऐसे ही अन्य प्रॉडक्ट जोड़े जा सकते हैं. साथ काम करने वाले टैग की पूरी सूची देखें.

Adobe Analytics

Adobe Analytics, amp-analytics कॉम्पोनेंट की मदद से, वेबसाइट की परफ़ॉर्मेंस को ट्रैक करने के लिए दो तरीके उपलब्ध कराता है: iframe (adobeanalytics_nativeConfig) और non-iframe (adobeanalytics). Adobe Analytics AMP के दस्तावेज़ में, हर तरीके के फ़ायदे, नुकसान, और लागू करने के बारे में ज़्यादा जानें.

उपयोगकर्ता की कार्रवाइयों और इवेंट को ट्रैक करने के लिए, amp-analytics कॉम्पोनेंट का इस्तेमाल किया जा सकता है. एएमपी के लिए Analytics में, 40 से ज़्यादा Analytics वेंडर की नेटिव सहायता मिलती है. यह फ़्रेमवर्क काफ़ी सुविधाजनक है. इसकी मदद से, कस्टम कॉन्फ़िगरेशन का इस्तेमाल करके यूआरएल को मेज़र और ट्रिगर किया जा सकता है. इससे, आंकड़ों की जानकारी को अपने सर्वर या उन वेंडर को भेजा जा सकता है जिनके पास नेटिव एएमपी की सुविधा नहीं है. अगर ऐसी टेक्नोलॉजी का इस्तेमाल किया जा रहा है जो काम नहीं करती, तो अपने वेंडर से इसे जोड़ने के लिए कहें.

एएमपी के लिए Analytics, वैरिएबल को बदलने की सुविधा भी देता है. ज़्यादा जानकारी के लिए, वैरिएबल को बदलने से जुड़ा दस्तावेज़ देखें.

तीसरा चरण: Google Ads के यूज़र इंटरफ़ेस (यूआई) में एएमपी विज्ञापन दिखाने की सुविधा चालू करना

Google Search में एएमपी पेजों को, आपके पेजों के लिंक की मदद से अपने-आप खोजा जाता है. हालांकि, विज्ञापन देने वाले लोगों या कंपनियों को Google Ads में एएमपी पेज का यूआरएल साफ़ तौर पर डालना होगा. Google Ads के यूज़र इंटरफ़ेस (यूआई) में एएमपी यूआरएल सेट अप करने के बारे में ज़्यादा जानने के लिए, Google Ads के साथ एएमपी का इस्तेमाल करने का तरीका पढ़ें.

इसके अलावा, अगर आपको Google Ads ट्रैफ़िक को अपने एएमपी लैंडिंग पेज पर भेजना है, लेकिन आपको उन्हें ऑर्गैनिक सर्च से मिले नतीजों में नहीं दिखाना है, तो काम के एएमपी पेजों के लिए Disallow डायरेक्टिव को अपनी robots.txt फ़ाइल में जोड़ें. ऐसा आपको किसी भी सामान्य वेब पेज के लिए करना होगा.

अगर आपको एएमपी में कोई सुविधा नहीं मिलती है, तो योगदान करें या GitHub समस्या खोलकर उसका अनुरोध करें.