कस्टम वैरिएबल बनाएं

इस गाइड में, कस्टम वैरिएबल टेंप्लेट बनाने का तरीका बताया गया है. जब इस वैरिएबल का इस्तेमाल किया जाएगा, तो यह वैल्यू की श्रेणी तय करेगा और इन्हें कॉमा से अलग की गई स्ट्रिंग के तौर पर दिखाएगा.

1. अपना पहला वैरिएबल टेंप्लेट शुरू करने के लिए, बाईं ओर मौजूद नेविगेशन में टेंप्लेट पर क्लिक करें और वैरिएबल टेंप्लेट सेक्शन में नया बटन पर क्लिक करें.

2. जानकारी टैब में, वैरिएबल का नाम और ब्यौरा तय करें.

   जब उपयोगकर्ता, Tag Manager के यूज़र इंटरफ़ेस में इस वैरिएबल को लागू करेंगे, तब उन्हें नाम दिखेगा.

   ब्यौरा सिर्फ़ इसकी तरह दिखता है - इस वैरिएबल के बारे में कम शब्दों में (200 वर्ण या इससे कम) जानकारी.

3. अपने टेंप्लेट की झलक देखने के लिए, रीफ़्रेश करें पर क्लिक करें.

   फ़ील्ड इनपुट की दाईं ओर, एक टेंप्लेट की झलक विंडो होती है. हर बार संपादक में कोई बदलाव होने पर, रीफ़्रेश करें बटन दिखेगा. 'रीफ़्रेश करें' पर क्लिक करके देखें कि आपके बदलावों के दिखने से आपके वैरिएबल पर क्या असर पड़ता है.

4. अपने वैरिएबल टेंप्लेट में फ़ील्ड जोड़ने के लिए, फ़ील्ड पर क्लिक करें.

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

5. फ़ील्ड जोड़ें पर क्लिक करें और आसान टेबल चुनें. डिफ़ॉल्ट नाम (उदाहरण के लिए, "SimpleTable1") को "list" से बदलें. टेंप्लेट की झलक में, रीफ़्रेश करें पर क्लिक करें.

   टेक्स्ट इनपुट के लिए इस चरण को दोहराएं और इसे "array", दो चेकबॉक्स कहें, जिन्हें "use_array" और "sort" और "डिलीवर करें को "डिलिमिटर" कहते हैं. "विभाजक" के लिए, गियर आइकॉन पर क्लिक करके, "डिफ़ॉल्ट मान" को चालू करके टॉगल करके, और फिर नया डिफ़ॉल्ट मान इनपुट फ़ील्ड भरकर उसे "" का डिफ़ॉल्ट मान दें.

6. कोड टैब पर क्लिक करें और सैंडबॉक्स किया गया JavaScript एडिटर में डालें:

   var input = data.array;
   
   if (!data.use_array) {
     input = [];
     for (var i = 0; i < data.list.length; i++) {
       input.push(data.list[i].values);
     }
   }
   
   if (data.sort) {
     input.sort();
   }
   
   return input.join(data.delimiter || ',');
   

   इस वैरिएबल के लिए कोड काफ़ी आसान है, लेकिन कुछ बातों के बारे में बताया जा सकता है.

   • data फ़ील्ड.

     कुछ ऐसे फ़ील्ड हैं जिन्हें data ग्लोबल से ऐक्सेस किया जा रहा है. data में वे वैल्यू शामिल होंगी जिन्हें आपने पिछले चरण में सेट अप किया था. इसलिए, हम data.use_array, data.sort, data.list, और data.delimiter को ऐक्सेस कर पा रहे हैं.

   • अगर data.delimiter नहीं दिया गया है, तो delimiter को "," की डिफ़ॉल्ट वैल्यू पर सेट किया जाता है. अगर कोई फ़ील्ड सही है, तो फ़ील्ड के लिए डिफ़ॉल्ट वैल्यू सेट करना बेहतर होता है. इससे उपयोगकर्ताओं के लिए वैरिएबल टेंप्लेट इस्तेमाल करना आसान हो जाता है, क्योंकि उन्हें वैरिएबल का इस्तेमाल करने के लिए हर फ़ील्ड भरने की ज़रूरत नहीं होती.

7. अपने लक्ष्य को सेव करने के लिए, सेव करें पर क्लिक करें. इससे, टेंप्लेट एडिटर में मिली सभी अनुमतियां लोड हो जाएंगी.

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

8. टेंप्लेट की झलक टैब में, "वैल्यू" इनपुट के लिए कुछ वैल्यू जोड़ें, कोड चलाएं पर क्लिक करें और अपने वैरिएबल का आउटपुट देखने के लिए कंसोल देखें.

   अगर कोई गड़बड़ी होती है, तो वह कंसोल विंडो में दिखेगी.

9. सेव करें पर क्लिक करें और टेंप्लेट एडिटर को बंद करें

   वैरिएबल टेंप्लेट अब इस्तेमाल के लिए तैयार है.