अगर रिस्पॉन्सिव मल्टीप्लेक्स विज्ञापन यूनिट के लिए, आपकी कुछ खास ज़रूरतें हैं, तो अपने विज्ञापन कोड में पैरामीटर जोड़कर उन्हें अपने हिसाब से बनाया जा सकता है. इन पैरामीटर का इस्तेमाल करके, मल्टीप्लेक्स यूनिट के लेआउट जैसी चीज़ें बदली जा सकती हैं. साथ ही, उनमें विज्ञापनों की लाइनें और कॉलम अपने हिसाब से व्यवस्थित किए जा सकते हैं.
पैरामीटर का इस्तेमाल करके, मोबाइल और डेस्कटॉप के लिए अलग-अलग सेटिंग तय की जा सकती हैं. उदाहरण के लिए, अगर आपने लेआउट पैरामीटर के लिए एक ही वैल्यू सेट की है, तो मोबाइल और डेस्कटॉप पर, मल्टीप्लेक्स विज्ञापन यूनिट का लेआउट एक जैसा रहेगा. वहीं, अगर आपने लेआउट पैरामीटर के लिए दो वैल्यू (पहली मोबाइल और दूसरी डेस्कटॉप के लिए) सेट की हैं, तो ऐसे में मोबाइल पर मल्टीप्लेक्स विज्ञापन यूनिट का लेआउट पहली वैल्यू के हिसाब से और डेस्कटॉप पर उसी यूनिट का लेआउट दूसरी वैल्यू के हिसाब से दिखेगा.
ध्यान दें कि ये विकल्प सिर्फ़ रिस्पॉन्सिव मल्टीप्लेक्स विज्ञापन यूनिट के लिए उपलब्ध हैं. मल्टीप्लेक्स विज्ञापन यूनिट को पसंद के मुताबिक बनाने के लिए सभी पैरामीटर ज़रूरी हैं. विज्ञापन कोड में बदलाव करने के बाद, मल्टीप्लेक्स विज्ञापन यूनिट को अलग-अलग डिवाइसों और स्क्रीन पर टेस्ट करें. इससे, यह पक्का हो जाएगा कि विज्ञापन यूनिट सही तरीके से काम कर रही हैं.
मल्टीप्लेक्स विज्ञापन यूनिट का लेआउट बदलना
लेआउट पैरामीटर (data-matched-content-ui-type) की मदद से, यह कंट्रोल किया जा सकता है कि मल्टीप्लेक्स विज्ञापन यूनिट में, टेक्स्ट और इमेज किस तरह दिखाई दें. लेआउट के लिए उपलब्ध विकल्पों में से किसी को भी चुना जा सकता है. जैसे, एक तरफ़ इमेज और एक तरफ़ टेक्स्ट दिखाना या टेक्स्ट के ऊपर इमेज दिखना वगैरह.
ये लेआउट विकल्प उपलब्ध हैं:
इस लेआउट में एक तरफ़ इमेज और एक तरफ़ टेक्स्ट दिखाई देता है. इस लेआउट को चुनने के लिए, अपने विज्ञापन कोड में data-matched-content-ui-type="image_sidebyside" पैरामीटर जोड़ें.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_sidebyside"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
इस लेआउट में एक कार्ड में इमेज और टेक्स्ट एक-दूसरे के सामने दिखाई देते हैं. इस लेआउट को चुनने के लिए, अपने विज्ञापन कोड में data-matched-content-ui-type="image_card_sidebyside" पैरामीटर जोड़ें.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_card_sidebyside"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
इस लेआउट में इमेज और टेक्स्ट को एक-दूसरे के ऊपर रखा जाता है. इस लेआउट को चुनने के लिए, अपने विज्ञापन कोड में data-matched-content-ui-type="image_stacked" पैरामीटर जोड़ें.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_stacked"
data-matched-content-rows-num="3"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
इस लेआउट में इमेज और टेक्स्ट को कार्ड के अंदर एक-दूसरे के ऊपर रखा जाता है. इस लेआउट को चुनने के लिए, अपने विज्ञापन कोड में data-matched-content-ui-type="image_card_stacked" पैरामीटर जोड़ें.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_card_stacked"
data-matched-content-rows-num="3"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
बिना इमेज वाला सिर्फ़ टेक्स्ट लेआउट. इस लेआउट को चुनने के लिए, अपने विज्ञापन कोड में data-matched-content-ui-type="text" पैरामीटर जोड़ें.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="text"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
कार्ड में सिर्फ़ टेक्स्ट लेआउट. इस लेआउट को चुनने के लिए, अपने विज्ञापन कोड में data-matched-content-ui-type="text_card" पैरामीटर जोड़ें.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="text_card"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
मल्टीप्लेक्स विज्ञापन यूनिट में लाइन और कॉलम की संख्या तय करना
मल्टीप्लेक्स विज्ञापन यूनिट में मौजूद विज्ञापनों को ग्रिड में व्यवस्थित किया जाता है. आपके पास यह बताने का विकल्प होता है कि आपको उस ग्रिड में कितनी लाइन और कॉलम दिखाने हैं. उदाहरण के लिए, मल्टीप्लेक्स विज्ञापन यूनिट को 2x2 स्क्वेयर, 4x1 कॉलम वगैरह के रूप में सेट किया जा सकता है.
लाइनों की संख्या, data-matched-content-rows-num पैरामीटर के साथ और कॉलम की संख्या, data-matched-content-columns-num पैरामीटर के साथ सेट की जाती है. आपको data-matched-content-ui-type और दोनों पैरामीटर एक साथ सेट करने होंगे.
- सेट की जा सकने वाली लाइनों और कॉलम पर कुछ पाबंदियां हैं. मल्टीप्लेक्स विज्ञापन यूनिट में विज्ञापनों की कुल संख्या 1 से 30 के बीच होनी चाहिए. कोई विज्ञापन न दिखाने या 30 से ज़्यादा विज्ञापन दिखाने की कोशिश करने पर, मल्टीप्लेक्स विज्ञापन यूनिट खाली दिखेगी.
- कभी-कभी हम आपकी बताई गई संख्या के मुताबिक लाइन और/या कॉलम नहीं दिखा पाते. उदाहरण के लिए, अगर आपको बहुत सारे कॉलम दिखाने हैं, लेकिन मल्टीप्लेक्स विज्ञापन यूनिट इतनी बड़ी नहीं है कि उन सभी को फ़िट किया जा सके. ऐसे मामले में, हम लाइन और/या कॉलम की संख्या को घटा या बढ़ा सकते हैं. ऐसा हम आपके विज्ञापनों को उपलब्ध जगह में फ़िट करके, उपयोगकर्ताओं को बढ़िया अनुभव देने के लिए करेंगे.
लाइन और कॉलम के उदाहरण
इस उदाहरण में दिए गए कोड में, चार लाइनों और एक कॉलम वाली मल्टीप्लेक्स विज्ञापन यूनिट जनरेट करने का तरीका बताया गया है. इसमें कुल चार विज्ञापन दिखाए जा सकते हैं.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-matched-content-ui-type="image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
इस उदाहरण में दिए गए कोड में, दो लाइनों और दो कॉलम वाली मल्टीप्लेक्स विज्ञापन यूनिट जनरेट करने का तरीका बताया गया है. इसमें कुल चार विज्ञापन दिखाए जा सकते हैं.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="2"
data-matched-content-columns-num="2"
data-matched-content-ui-type="image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
इस उदाहरण में दिए गए कोड में, तीन लाइनों और तीन कॉलम वाली मल्टीप्लेक्स विज्ञापन यूनिट जनरेट करने का तरीका बताया गया है. इसमें कुल नौ विज्ञापन दिखाए जा सकते हैं.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="3"
data-matched-content-columns-num="3"
data-matched-content-ui-type="image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
इस उदाहरण में दिए गए कोड में, मोबाइल और डेस्कटॉप के लिए मल्टीप्लेक्स विज्ञापन यूनिट जनरेट करने का तरीका बताया गया है. इस कोड से मोबाइल के लिए 4x1 ग्रिड और डेस्कटॉप के लिए 2x2 ग्रिड जनरेट होगी. अपनी रिस्पॉन्सिव साइट के लिए, इस सेट अप का इस्तेमाल किया जा सकता है.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="4,2"
data-matched-content-columns-num="1,2"
data-matched-content-ui-type="image_stacked,image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>समस्याएं हल करना
मल्टीप्लेक्स विज्ञापन यूनिट को पसंद के मुताबिक बनाने के बाद, हो सकता है कि वह आपकी उम्मीद के मुताबिक न दिखे. यहां मल्टीप्लेक्स विज्ञापन यूनिट से जुड़ी कुछ आम समस्याएं दी गई हैं और उन्हें ठीक करने का तरीका बताया गया है:
ऐसा दो कारणों से हो सकता है:
- आपकी मल्टीप्लेक्स विज्ञापन यूनिट में विज्ञापनों की कुल संख्या या तो 1 से कम है या 30 से ज़्यादा है. आपको मल्टीप्लेक्स विज्ञापन यूनिट में लाइनों और/या कॉलम की संख्या बदलनी होगी, ताकि विज्ञापनों की कुल संख्या, तय सीमा में रहे.
- मल्टीप्लेक्स विज्ञापन यूनिट, आपके सेट किए गए विज्ञापनों के हिसाब से बहुत चौड़ी है. इस मामले में, आपको अपने मल्टीप्लेक्स विज्ञापन यूनिट की चौड़ाई कम करने की कोशिश करनी चाहिए.
मल्टीप्लेक्स विज्ञापन यूनिट में गड़बड़ियां ढूंढने के लिए कंसोल का इस्तेमाल करना
ब्राउज़र में कंसोल का इस्तेमाल करके, यह पक्का किया जा सकता है कि आपने अपने मल्टीप्लेक्स विज्ञापन कोड में सही तरीके से बदलाव किए हैं या नहीं. उदाहरण के लिए, अगर आपके विज्ञापन कोड में कोई ज़रूरी पैरामीटर नहीं होते हैं या किसी पैरामीटर की वैल्यू गलत होती है, तो कंसोल आपको यह जानकारी दे सकता है.
अगर Chrome ब्राउज़र का इस्तेमाल किया जा रहा है, तो यह तरीका अपनाकर अपने विज्ञापन कोड को DevTools कंसोल में टेस्ट किया जा सकता है:
- मल्टीप्लेक्स विज्ञापन यूनिट वाले पेज पर जाएं.
- Windows / Linux पर, Ctrl+Shift+J दबाएं. Mac पर Cmd+Opt+J दबाएं.
- गड़बड़ी के मैसेज के लिए, कंसोल पैनल देखें.
