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.js का इस्तेमाल करके रेंडर करने की सुविधा देता है.
  • amp-date-picker: तारीख चुनने के लिए एक विजेट देता है. तारीख चुनने वाला टूल, इनपुट फ़ील्ड के हिसाब से ओवरले या स्टैटिक कैलेंडर विजेट के तौर पर रेंडर कर सकता है.

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

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

आपके पास AMPBench का भी इस्तेमाल करने का विकल्प है. यह एक ओपन सोर्स वेब ऐप्लिकेशन और सेवा है. इसकी मदद से, एएमपी पेजों के डिप्लॉयमेंट से जुड़ी समस्याओं की पुष्टि की जाती है और उन्हें डीबग किया जाता है.

एएमपी टेस्टिंग में मदद के लिए, एएमपी प्रोजेक्ट के सहायता पाना पेज पर जाएं.

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

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 का इस्तेमाल करके रीमार्केटिंग, DoubleClick Floodlight, Google Universal Analytics, और इससे मिलते-जुलते मेज़रमेंट प्रॉडक्ट को जोड़ने का विकल्प होता है. साथ काम करने वाले टैग की पूरी सूची देखें.

Adobe Analytics (पहले इसे Omniture के नाम से जाना जाता था)

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

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

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

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

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

फ़िलहाल, कैश मेमोरी में, Android Chrome, Android Google Search ऐप्लिकेशन, और Mobile Safari के ज़्यादातर ब्राउज़र पर दिखाए जाने वाले Google के खोज नतीजों के पेज पर टेक्स्ट विज्ञापनों के लिए उपलब्ध है. हम आने वाले महीनों में और ज़्यादा कवरेज जारी कर रहे हैं.

अगर आपको यह देखना है कि Google Search व्यूअर में Google एएमपी कैश से डिलीवर होने पर एएमपी पेज कैसे दिखता है, तो अपना एएमपी लेख एएमपी जांच टूल में डालें और झलक देखें पर क्लिक करें.

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

लैंडिंग पेजों पर एएमपी कॉन्टेंट अपडेट करना

जब कोई उपयोगकर्ता Google एएमपी कैश से एएमपी दस्तावेज़ के लिए अनुरोध करता है, तब कैश मेमोरी अपने-आप अपडेट का अनुरोध करती है, ताकि कॉन्टेंट के कैश मेमोरी में सेव होने के बाद, अगले उपयोगकर्ता को नया कॉन्टेंट दिखाया जा सके. इस मॉडल में, एएमपी दस्तावेज़ों के अपडेट अपने-आप और तेज़ी से लागू होते हैं. कुछ उपयोगकर्ताओं को आपके अपडेट के बाद, अपडेट नहीं किया गया वर्शन दिखेगा. इसके अलावा, ज़रूरत पड़ने पर update-cache API का इस्तेमाल किया जा सकता है. इसका इस्तेमाल, एएमपी कैश में मौजूद कॉन्टेंट को अपडेट करने या हटाने के लिए किया जाता है.

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

अमान्य एएमपी पेज हैंडलिंग

जब कोई पेज अमान्य हो जाता है, तो एएमपी कैश को कुछ अनुरोध किए जाने पर पता चल जाता है और वह एएमपी पेज दिखाए जाने वाले ऑरिजिन पर रीडायरेक्ट करना शुरू कर देता है. एएमपी कैश दिखाने की सुविधा को पहले जैसा करने में एक से दो दिन लग सकते हैं.