تبويب جافاسكريبت مخصص يشغّل JavaScript الخاص بك في متجرك. استخدمه للسلوكيات الصغيرة التي لا تغطيها إعدادات المنشئ والتطبيقات.
أين تجده
افتح المنشئ، وانقر على أيقونة الترس، وافتح تبويب جافاسكريبت مخصص. اسم المربع كود جافاسكريبت: يُطبّق على المتجر بأكمله. الصق الكود دون وسوم <script>. اكتب JavaScript عاديًا فقط.
متى يعمل الكود
- يعمل مرة واحدة عندما يفتح المتسوق متجرك، بعد عرض الصفحة.
- لا يعمل من جديد في كل صفحة. عندما ينتقل المتسوق إلى صفحة أخرى داخل متجرك، تتغير الصفحة دون إعادة تحميل كاملة، لذلك لا يعمل الكود مرة ثانية. إذا كان الكود يغيّر عناصر في صفحة واحدة، فاجعله يتعامل مع تغيّر الصفحات، أو استخدم قسم كود مخصص في تلك الصفحة بدلًا من ذلك.
- في معاينة المنشئ يعمل الكود أيضًا، ويعمل من جديد عندما تغيّره.
- يعمل الكود في مساحته الخاصة، لذلك لا تتعارض الأسماء التي تعرّفها مع المتجر. إذا حدث خطأ أثناء تشغيل الكود، يُلتقط الخطأ ولا يعطّل متجرك. الخطأ مخفي، لذلك إذا لم يحدث شيء، فاختبر الكود خطوة بخطوة.
استخدم تطبيقًا بدلًا من ذلك عندما يكون ممكنًا
كثير من النصوص البرمجية التي يلصقها التجار هنا لها تطبيق مخصص يقوم بالمهمة بشكل أفضل:
- تتبع Facebook أو TikTok أو Snapchat أو Pinterest أو X أو Google Ads: استخدم تطبيقات البكسل. راجع كيف تعمل بكسلات المتصفح في Storeep (Facebook وTikTok وSnapchat وPinterest وX)؟.
- Google Analytics أو الوسوم التي تديرها في Google Tag Manager: استخدم تطبيق Google Tag Manager.
- رموز التحقق الخاصة بـ Google Search Console أو Meta أو TikTok أو Snapchat: استخدم تطبيق Domain Verifier. الكود في هذا التبويب لا يصل إلى قسم head في صفحتك بالطريقة التي يحتاجها التحقق.
- الدردشة المباشرة: راجع Crisp: كيف أضيف الدردشة المباشرة إلى متجري؟.
ترسل هذه التطبيقات الأحداث مثل عمليات الشراء في اللحظة المناسبة نيابة عنك.
كود للمتجر كله أو قسم كود مخصص
- تبويب جافاسكريبت مخصص: كل الصفحات، ويعمل مرة واحدة في كل زيارة.
- قسم كود مخصص: صفحة واحدة، مع HTML وCSS وJavaScript خاصة به، ويعمل في كل مرة يُعرض فيها ذلك القسم. راجع الكود المخصص.
نصائح
- لا تلصق أبدًا مفاتيح سرية أو كلمات مرور. يستطيع أي شخص قراءة هذا الكود في متصفحه.
- اختبر متجرك المباشر على هاتف وحاسوب بعد النشر.
- النصوص البرمجية الخارجية قد تبطئ متجرك. أضف ما تحتاجه فقط.
- إذا تعطل شيء، فأفرغ المربع، وانشر، ثم أعد الكود جزءًا جزءًا.
- مساعد الذكاء الاصطناعي المتصل بمتجرك يحتاج إلى إذنك لتغيير الكود المخصص. راجع كيف أراجع مساعد ذكاء اصطناعي أو أقيّده أو أفصله؟.
معلومات مفيدة
JavaScript المخصص يخص السوق الذي تعدّله. كرره في كل سوق يحتاج إليه. تظهر التغييرات في متجرك عندما تنقر على نشر.