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

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

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

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

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

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

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

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

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

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

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

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

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 से ज़्यादा ऐनलिटिक्स वेंडर के साथ काम करता है. यह फ़्रेमवर्क फ़्लेक्सिबल है. इसकी मदद से, कस्टम कॉन्फ़िगरेशन का इस्तेमाल करके यूआरएल को मेज़र और ट्रिगर किया जा सकता है. इससे, ऐनलिटिक्स की जानकारी अपने सर्वर या उन वेंडर को भेजी जा सकती है जिनके पास एएमपी के लिए सहायता उपलब्ध नहीं है. अगर ऐसी टेक्नोलॉजी का इस्तेमाल किया जा रहा है जिसके लिए फ़िलहाल सहायता उपलब्ध नहीं है, तो वेंडर से सहायता जोड़ने के लिए कहें.

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

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

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

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

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