مختصر جواب
آپ بلڈر میں تین جگہوں پر اپنا کوڈ شامل کر سکتے ہیں: صفحے کے اندر ایک حسبِ ضرورت کوڈ سیکشن، حسب ضرورت CSS کی ترتیبات، اور حسب ضرورت Javascript کی ترتیبات۔ آپ کے اسٹور کے head سیکشن میں کوڈ ڈالنے کا کوئی خانہ نہیں ہے۔ head ٹیگز کے لیے متعلقہ ایپ استعمال کریں (نیچے کی فہرست دیکھیں)۔
کون سا کام کس ٹول سے
- Google Search Console سے اپنے اسٹور کی تصدیق کرنا، یا
google-site-verificationمیٹا ٹیگ شامل کرنا: Domain Verifier ایپ۔ یہ Facebook (Meta) ڈومین کی تصدیق، TikTok اور Snapchat بھی سنبھالتی ہے۔ - Google Analytics، Google Ads ٹیگز، یا کوئی بھی ٹیگ جو آپ Google Tag Manager میں سنبھالتے ہیں: Google Tag Manager ایپ۔
- Facebook، TikTok، Snapchat، ChatGPT، Pinterest، X یا Google Ads کے پکسلز: دیکھیں Facebook، TikTok، Snapchat، ChatGPT، Pinterest اور X، یا Google Ads کنورژنز۔
- Google Merchant Center کی پروڈکٹ فیڈ: دیکھیں Google Merchant Center۔ Search Console کے لیے Domain Verifier استعمال کریں۔
- ہیٹ میپس اور سیشن ریکارڈنگز: دیکھیں Microsoft Clarity یا Contentsquare۔
- صفحے کے اندر کوئی ویجٹ یا ایمبیڈ (بکنگ فارم، ویڈیو، نقشہ): نیچے دیا گیا حسب ضرورت کوڈ سیکشن۔
- پورے اسٹور یا ایک سیکشن کے لیے اسٹائلز: دیکھیں حسب ضرورت CSS۔
- ہر صفحے پر چلنے والا اسکرپٹ: دیکھیں حسب ضرورت JavaScript۔
بلڈر میں ڈالا گیا کوڈ آپ کی سائٹ کی تصدیق کیوں نہیں کر سکتا
Google، Meta اور دوسرے پلیٹ فارمز تصدیق کرتے وقت آپ کے صفحے کے head میں اپنا ٹیگ تلاش کرتے ہیں۔ حسب ضرورت کوڈ سیکشن آپ کا کوڈ صفحے کی باڈی کے اندر، سیکشن کی جگہ پر رکھتا ہے۔ حسب ضرورت Javascript صفحہ لوڈ ہونے کے بعد خریدار کے براؤزر میں چلتا ہے۔ ان میں سے کوئی بھی ٹیگ کو head میں اس طرح نہیں رکھتا جیسے ان پلیٹ فارمز کو چاہیے، اس لیے تصدیق ناکام ہو جاتی ہے۔ Domain Verifier آپ کے لیے ٹیگ کو صحیح جگہ پر شامل کرتا ہے۔
حسب ضرورت کوڈ سیکشن
ایک سیکشن جو آپ کسی بھی صفحے پر شامل کر سکتے ہیں، ہر صفحے پر 2 تک۔ سیکشنز ٹیب کھولیں، نیا سیکشن شامل کریں پر کلک کریں، اور حسبِ ضرورت کوڈ چنیں۔ اس میں تین فیلڈز ہیں:
- HTML: مارک اپ جو اس سیکشن کے اندر دکھایا جاتا ہے۔
- CSS: اسٹائلز جو صرف اس سیکشن پر لاگو ہوتے ہیں، اس لیے وہ آپ کے باقی صفحے کو خراب نہیں کر سکتے۔
- JavaScript: ہر بار سیکشن دکھائے جانے پر چلتا ہے۔ آپ کے کوڈ کو سیکشن
containerکے طور پر ملتا ہے، اس لیے اپنے مارک اپ تک پہنچنے کے لیےcontainer.querySelector(...)استعمال کریں۔
آپ کسی بھی سیکشن کی طرح اس کی چوڑائی، رنگ اسکیم اور پیڈنگ بھی سیٹ کرتے ہیں۔ اسے ان دوسرے صفحات پر کاپی کرنے کے لیے جن پر پہلے سے حسب ضرورت کوڈ سیکشن موجود ہے، تمام صفحات پر لاگو کریں استعمال کریں۔
مشورے
- اپنا کوڈ بلڈر کے پیش نظارے میں چیک کریں، پھر شائع کریں اور اپنا لائیو اسٹور فون اور کمپیوٹر پر آزمائیں۔
- اگر کسی تبدیلی کے بعد صفحہ خراب نظر آئے تو کوڈ ہٹائیں، شائع کریں، اور اسے تھوڑا تھوڑا کر کے واپس شامل کریں۔
- دوسری کمپنیوں کے اسکرپٹس آپ کے اسٹور کو سست کر سکتے ہیں۔ صرف وہی شامل کریں جس کی آپ کو ضرورت ہے۔
- آپ کے اسٹور سے منسلک AI اسسٹنٹ حسب ضرورت کوڈ صرف تب بدل سکتا ہے جب اسٹور کا مالک اس کی اجازت دے۔ دیکھیں اسسٹنٹ کی رسائی کا انتظام۔