الإجابة المختصرة
يمكنك إضافة الكود الخاص بك في ثلاثة أماكن في المنشئ: قسم كود مخصص داخل صفحة، وإعدادات CSS مخصص، وإعدادات جافاسكريبت مخصص. لا يوجد مربع للصق الكود في قسم head في متجرك. لوسوم head، استخدم التطبيق المناسب (انظر القائمة أدناه).
أي أداة لأي مهمة
- التحقق من متجري في Google Search Console، أو إضافة وسم meta من نوع
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. استخدم Domain Verifier من أجل Search Console.
- الخرائط الحرارية وتسجيلات الجلسات: راجع Microsoft Clarity أو Contentsquare.
- أداة أو محتوى مضمّن داخل صفحة (نموذج حجز، أو فيديو، أو خريطة): قسم الكود المخصص أدناه.
- أنماط للمتجر كله أو لقسم واحد: راجع CSS مخصص.
- نص برمجي في كل صفحة: راجع JavaScript مخصص.
لماذا لا يستطيع الكود في المنشئ التحقق من موقعك
تبحث Google وMeta والمنصات الأخرى عن وسمها في قسم head من صفحتك عند التحقق. قسم الكود المخصص يضع الكود داخل جسم الصفحة، حيث يوجد القسم. وجافاسكريبت المخصص يعمل في متصفح المتسوق بعد تحميل الصفحة. لا يضع أي منهما وسمًا في head بالطريقة التي تحتاجها هذه المنصات، لذلك يفشل التحقق. أما Domain Verifier فيضيف الوسم في المكان الصحيح نيابة عنك.
قسم الكود المخصص
قسم تضيفه إلى أي صفحة، بحد أقصى 2 في الصفحة. افتح تبويب الأقسام، وانقر على إضافة قسم جديد، واختر كود مخصص. فيه ثلاثة حقول:
- HTML: الترميز الذي يُعرض داخل هذا القسم.
- CSS: أنماط تُطبّق على هذا القسم فقط، لذلك لا يمكنها أن تعطّل بقية صفحتك.
- JavaScript: يعمل في كل مرة يُعرض فيها القسم. يتلقى الكود القسم باسم
container، لذلك استخدمcontainer.querySelector(...)للوصول إلى الترميز الخاص بك.
تضبط أيضًا عرضه ونظام ألوانه وهامشه الداخلي مثل أي قسم. استخدم تطبيق على جميع الصفحات لنسخه إلى الصفحات الأخرى التي تحتوي بالفعل على قسم كود مخصص.
نصائح
- تحقق من الكود في معاينة المنشئ، ثم انشر واختبر متجرك المباشر على هاتف وحاسوب.
- إذا بدت الصفحة معطلة بعد تغيير ما، فأزل الكود، وانشر، ثم أعده جزءًا جزءًا.
- النصوص البرمجية الخارجية قد تبطئ متجرك. أضف ما تحتاجه فقط.
- مساعد الذكاء الاصطناعي المتصل بمتجرك لا يستطيع تغيير الكود المخصص إلا إذا سمح صاحب المتجر بذلك. راجع كيف أراجع مساعد ذكاء اصطناعي أو أقيّده أو أفصله؟.