نبضة التحويل على WordPress

لا يحتاج WordPress إلى أي شيء خاص — نبضة التحويل من Styrar هي مجرد وسم <script>. لا تحتاج إضافة بالضرورة، وإن كانت إضافة تجعل الإدارة أسهل.

الخيار أ: محرر القالب

1. اذهب إلى المظهر ← محرر ملفات القالب ← header.php (أو footer.php).

2. ألصق هذا قبل </head> مباشرة (أو </body> إذا كنت تستخدم ملف التذييل):

   HTML

   <script src="https://api.styrar.com/v1/pixel/styrar.js" async></script>
   

3. سجّل التحويلات في أي مكان في قوالبك أو محتواك:

   HTML

   <button data-styrar-track="signup">Sign up</button>
   

تعديل ملفات القالب مباشرة يُستبدَل عند تحديثات القالب — استخدم قالبًا فرعيًا (child theme)، أو الخيار ب، إذا كنت تحدّث قالبك بشكل متكرر.

الخيار ب: إضافة سكريبتات الترويسة/التذييل (موصى به)

1. ثبّت إضافة مثل WPCode أو Insert Headers and Footers.
2. أضف نفس وسم <script src="https://api.styrar.com/v1/pixel/styrar.js" async></script> في فتحة الترويسة الخاصة بالإضافة — على نطاق الموقع كله، أو محدودة فقط بصفحة الهبوط التي يعيد رابطك المختصر التوجيه إليها.
3. استخدم خاصيات data-styrar-track في كتلة HTML المخصصة في محرر الكتل، أو استدعِ window.styrar.track(eventName, data) من <script> ضمني في كتلة HTML مخصصة.

مثال WooCommerce

<script>
  document.addEventListener('DOMContentLoaded', function () {
    if (typeof wc_checkout_params !== 'undefined' && window.location.href.includes('order-received')) {
      window.styrar && window.styrar.track('purchase', { value: <?php echo $order_total; ?> });
    }
  });
</script>

ضع هذا في قالب صفحة تأكيد الطلب / "شكرًا لك" الخاص بك، باستخدام ما يوفره قالبك لإجمالي قيمة الطلب.

ذو صلة

• نبضة التحويل — المرجع الكامل