كيفية استلام رابط الصفحة عند تقديم نموذج عبر البريد

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

لماذا تحتاج إلى معرفة URL الصفحة عند إرسال النموذج؟

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

استخدام Brevo (SendInBlue) لإنشاء النماذج

إذا كنت تستخدم خدمة ترسل النماذج مثل Brevo (SendInBlue) وتقوم بتضمينها في موقعك المصنوع على ووردبريس، يمكنك دمج بعض الأكواد البرمجية لتتمكن من إرسال عنوان الصفحة التي تم فيها ملء النموذج إلى بريدك الإلكتروني. وذلك من خلال ميزة JavaScript التي تتفاعل مع النموذج وتحفظ البيانات الضرورية.

خطوات تنفيذ الشيفرة البرمجية

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

function custom_brevo_form_script() {
    document.addEventListener('DOMContentLoaded', function () {
        const brevoForm = document.querySelector('iframe[src*="3672f721.sibforms.com"]');
        brevoForm.addEventListener('load', function () {
            const iframeDocument = brevoForm.contentDocument || brevoForm.contentWindow.document;
            const form = iframeDocument.querySelector('form'); 
            form.addEventListener('submit', function (event) {
                event.preventDefault();
                const currentPageURL = window.location.href;
                const formData = new FormData(form);
                let formDetails="";
                formData.forEach((value, key) => {
                    formDetails += `${key}: ${value}\n`;
                });
                fetch("", {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
                    },
                    body: new URLSearchParams({
                        action: 'send_form_notification',
                        form_data: formDetails,
                        page_url: currentPageURL
                    })
                })
                .then(response => response.json())
                .then(data => {
                    console.log('تم إرسال بيانات النموذج ورابط الصفحة إلى ووردبريس:', data);
                    form.submit();
                })
                .catch(error => {
                    console.error('خطأ في إرسال بيانات النموذج ورابط الصفحة إلى ووردبريس:', error);
                    form.submit();
                });
            });
        });
    });
}
add_action('wp_footer', 'custom_brevo_form_script');

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

حل مشكلة add_action not defined

إذا واجهت مشكلة "add_action is not defined"، فإن ذلك قد يكون بسبب أن الكود تم إدخاله في مكان غير مناسب أو أنه يجب عليك التأكد من أنك تضيفه في ملف functions.php الخاص بالقالب النشط في ووردبريس أو في إضافة مخصصة. تأكد من وضع الأكواد في القسم الصحيح لضمان عملها بكفاءة.

النصيحة النهائية

مع كل هذه المعلومات، يمكنك الآن الاستمتاع بعملية تتبع فعالة لرابط الصفحة التي تمت فيها ملء النموذج. إن معرفة كيفية الحصول على عنوان URL المرسل إلى بريدك الإلكتروني هو خطوات أساسية في تحسين التواصل مع العملاء وفهم سلوكهم بشكل أفضل.

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