كيفية تثبيت خريطة حرارية على موقع ووردبريس الخاص بك (سطر واحد من الكود، 3 دقائق)

ملخص المقال

إضافة خريطة حرارية إلى ووردبريس لا تتطلب سوى لصق سطر واحد من الكود

هناك ثلاث طرق للقيام بذلك: (1) حقل إعدادات الترويسة في القالب الخاص بك، (2) إضافة لإدراج الأكواد، أو (3) تعديل ملف header.php مباشرة

النجاح يعني أن العدّاد يزداد فعلًا لموقعك في لوحة تحكم HeatMapX — وليس مجرد "عدم وجود أخطاء"

هل يقلقك أن إضافة خريطة حرارية تعني التعامل المعقّد مع الأكواد؟ في ووردبريس، الأمر حقًا مجرد سطر واحد من كود الوسم. يشرح هذا الدليل ثلاث طرق لإضافته، بدءًا من الخيار الأسهل للمبتدئين وصولًا إلى الطريقة الأكثر تقدمًا.

الخطوة 1: احصل على مفتاح موقعك

أولًا، سجّل في HeatMapX (تتوفر خطة مجانية)، وسجّل موقعك، واحصل على مفتاح الموقع الخاص بك. لا حاجة إلى بطاقة ائتمان.

بمجرد حصولك على مفتاح الموقع، استخدم الوسم أدناه، مع استبدال YOUR_SITE_KEY بالمفتاح الفعلي الذي حصلت عليه.

<script src="https://heatmapx.com/tracker.js" data-site-key="YOUR_SITE_KEY"></script>

الصق هذا الوسم داخل <head> في موقعك باستخدام إحدى الطرق الثلاث أدناه.

الطريقة 1 (موصى بها للمبتدئين): إعدادات الترويسة في القالب الخاص بك

تتضمن العديد من القوالب الشائعة، مثل Astra أو GeneratePress، حقل إعدادات — غالبًا تحت "خيارات متقدمة" أو "أكواد مخصصة" — يمكنك من خلاله إدراج الكود مباشرة في قسم <head>.

في لوحة تحكم ووردبريس، افتح أداة التخصيص أو لوحة إعدادات القالب النشط لديك
ابحث عن حقل يحمل اسمًا مثل "Header Scripts" أو "Custom Code" أو "Advanced"
الصق الوسم أعلاه في ذلك الحقل واحفظ

بما أنك لا تحتاج إلى لمس أي من ملفات القالب، فهذا هو الخيار الأكثر أمانًا إذا كنت تقوم بذلك للمرة الأولى.

الطريقة 2: إضافة لإدراج الأكواد

إذا لم يكن قالبك يحتوي على حقل للترويسة، يمكنك استخدام إضافة مثل WPCode (المعروفة سابقًا باسم Insert Headers and Footers).

من شاشة الإضافات، ابحث عن إضافة لإدراج الأكواد مثل WPCode وقم بتثبيتها ثم تفعيلها
افتح إعدادات الإضافة وابحث عن حقل "Header"
الصق الوسم أعلاه واحفظ

ميزة هذه الطريقة هي أن الوسم يبقى حتى بعد تغيير القالب. وهذا خيار مناسب إذا كنت تخطط لإعادة تصميم موقعك مستقبلًا.

الطريقة 3 (للمتقدمين): تعديل header.php في قالب فرعي

إذا كنت مرتاحًا في تعديل الأكواد مباشرة، يمكنك إضافة الوسم مباشرة إلى ملفات القالب.

أنشئ أولًا قالبًا فرعيًا (Child Theme) للقالب النشط لديك (تعديل القالب الأصلي مباشرة يعني أن تغييرك سيُمحى عند التحديث التالي للقالب — القالب الفرعي ضروري)
افتح ملف header.php في القالب الفرعي والصق الوسم مباشرة قبل wp_head()، أو مباشرة قبل وسم الإغلاق </head>
احفظ الملف

إذا قمت بتعديل القالب الأصلي مباشرة، فسيؤدي التحديث التالي للقالب إلى الكتابة فوق تغييرك وسيختفي الوسم. إذا اخترت هذه الطريقة، فقم دائمًا بالتعديل من خلال قالب فرعي.

كيفية التأكد من أنه يعمل فعلًا

بعد إضافة الوسم، تصفّح بضع صفحات من موقعك. لكن إليك الجزء المهم.

تحميل الصفحة دون أخطاء ليس الشيء نفسه كعمل التتبع فعليًا. حتى لو لم تُظهر وحدة تحكم المتصفح أي خطأ، فإن مفتاح موقع مكتوبًا بشكل خاطئ قد يعني أن أي بيانات لا تصل أبدًا إلى HeatMapX.

الفحص الموثوق الوحيد هو فتح لوحة تحكم HeatMapX، والعثور على موقعك في قائمة المواقع، والتأكد من أن العدّاد الخاص به قد ازداد فعلًا. بعد زيارة بضع صفحات، إذا ازداد العدّاد، فهذا يعني أن التثبيت يعمل.

الأسئلة الشائعة

س. هل سيؤدي هذا إلى إبطاء موقعي؟ ج. يتم تحميل الوسم بشكل غير متزامن وهو خفيف الوزن، لذا فإن التأثير على سرعة تحميل الصفحة ضئيل للغاية.

س. أستخدم إضافة تخزين مؤقت — هل هناك ما يجب الانتباه إليه؟ ج. إذا كنت تستخدم إضافة تخزين مؤقت مثل WP Super Cache أو W3 Total Cache، فتأكد من مسح (تفريغ) ذاكرة التخزين المؤقت بعد إضافة الوسم. إذا استمر تقديم نسخة قديمة مخزّنة مؤقتًا، فلن يصبح الوسم المضاف حديثًا فعّالًا.

س. أضفت الوسم، لكن العدّاد في لوحة التحكم لا يزداد ج. السبب الأكثر شيوعًا هو عدم تطابق مفتاح الموقع — كأن تلصق مفتاح موقع آخر، أو أن يسقط حرف أثناء النسخ. تحقق مرة أخرى من المفتاح ومطابقته مع الموجود في لوحة تحكم HeatMapX الخاصة بك.

الخلاصة

إضافة خريطة حرارية إلى ووردبريس تتلخص في لصق سطر واحد من الكود. يمكنك البدء مع HeatMapX مجانًا، فجرّبه واكتشف كيف يختبر الزوار موقعك فعليًا.