كيفية استخدام نموذج Google كنموذج اتصال في موقع إلكتروني
إجابة سريعة: ابنِ نموذج Google بحقول الاسم والبريد الإلكتروني والموضوع والرسالة، ثم انقر على إرسال ← تضمين (<>) للحصول على كود iframe تلصقه في HTML موقعك. لا يرسل لك نموذج Google بريدًا إلكترونيًا تلقائيًا عند الإرسالات الجديدة — ثبّت إضافة إشعارات أو تحقق من تبويب الردود وجدول البيانات المرتبط يدويًا.
لا تحتاج إلى اشتراك مخصص لأداة بناء نماذج لوضع نموذج اتصال يعمل في موقعك الإلكتروني. نموذج Google مجاني، ولا يتطلب أي كود خلفي، ويخزن كل رسالة في جدول بيانات تعرف بالفعل كيفية استخدامه. إنه ليس مناسبًا تمامًا لكل موقع، لكن لصفحة "تواصل معنا" بسيطة، إنه أحد أسرع الخيارات المتاحة. إليك كيفية إعداده بشكل صحيح، بما في ذلك الأجزاء التي تتخطاها معظم الأدلة.
الخطوة 1: ابنِ نموذج الاتصال
ابدأ نموذجًا جديدًا في forms.google.com وأضف هذه الأسئلة. اجعل القائمة قصيرة — كل حقل إلزامي إضافي في نموذج اتصال عام يقلل بشكل ملموس من عدد الزوار الذين ينهون إرساله، لذا قاوم إغراء طلب رقم هاتف أو اسم شركة ما لم تعتمد عملية متابعتك فعليًا على ذلك:
- الاسم — إجابة قصيرة، إلزامي.
- البريد الإلكتروني — إجابة قصيرة، إلزامي.
- الموضوع — قائمة منسدلة، بفئات معدة مسبقًا مثل "سؤال عام"، "دعم"، "شراكة"، "أخرى". تبقي القائمة المنسدلة الرسائل الواردة قابلة للفرز بدلاً من الاعتماد على سطور موضوع نصية حرة.
- الرسالة — فقرة، إلزامي.
الخطوة 2: تحقق من صحة حقل البريد الإلكتروني
انقر على قائمة النقاط الثلاث على سؤال البريد الإلكتروني واختر التحقق من صحة الردود ← نص ← عنوان بريد إلكتروني. هذا يرفض الإدخالات غير الصحيحة الشكل — مثل اسم مكتوب في مربع البريد الإلكتروني — قبل أن يمكن إرسال النموذج حتى. لمزيد من خيارات التحقق عبر أنواع حقول أخرى، راجع دليلنا حول التحقق من صحة ردود نموذج Google.
الخطوة 3: ضمّنه في موقعك الإلكتروني
انقر على إرسال أعلى محرر النموذج، ثم اختر أيقونة <> (التضمين). ينشئ نموذج Google مقطع iframe بعرض وارتفاع محددين — انسخه والصقه مباشرة في HTML موقعك الإلكتروني حيثما تريد ظهور النموذج. إذا لم تكن مرتاحًا بتعديل HTML مباشرة، يغطي دليلنا الكامل حول تضمين نموذج Google في موقع إلكتروني منشئي الصفحات وأنظمة إدارة المحتوى أيضًا.
بعض الأشياء التي يجب معرفتها حول النسخة المضمّنة: تُعرض داخل إطار بحجم ثابت، لذا على شاشات الجوال الضيقة قد تحتاج إلى ضبط خصائص عرض/ارتفاع إطار iframe أو تغليفه في حاوية متجاوبة. كما أنها تحمل تصميم Google الخاص، الذي لن يطابق تلقائيًا خطوط أو ألوان موقعك.
الخطوة 4: أعدّ الإشعارات (هذا الجزء الذي يخطئ فيه الناس)
افتراض شائع هو أن نموذج Google يرسل لك بريدًا إلكترونيًا لحظة إرسال شخص ما للنموذج. إنه لا يفعل ذلك افتراضيًا. جاهزًا للاستخدام، يسجل النموذج الرد ببساطة — لا شيء يُرسل إلى صندوق واردك. لديك خياران واقعيان:
- ثبّت إضافة إشعارات. من محرر النموذج، انقر على أيقونة الإضافات (قطعة أحجية) وابحث في متجر Google Workspace عن أداة إشعارات مثل "Form Notifications". تراقب هذه الإضافات الإرسالات الجديدة وترسل لك (أو لقائمة توزيع) بريدًا إلكترونيًا تلقائيًا. راجع الأذونات قبل التثبيت، لأن الإضافات تعمل داخل حساب Google الخاص بك.
- تحقق يدويًا. افتح تبويب الردود بشكل دوري، أو تحقق من جدول بيانات Google المرتبط، الذي يُحدَّث في الوقت الفعلي عند وصول الرسائل. هذا يعمل بشكل جيد للمواقع منخفضة الحركة لكنه غير عملي إذا احتجت إلى الرد بسرعة على الاستفسارات.
الخصوصية وجمع البيانات في نموذج اتصال عام
نموذج اتصال مضمّن في موقع إلكتروني عام يجمع، بحكم تعريفه، بيانات شخصية — على الأقل اسم وبريد إلكتروني، وأحيانًا أكثر حسب حقولك. بعض الأشياء تستحق فعلها قبل النشر:
- اربط سياسة خصوصية بالقرب من النموذج تشرح ما يحدث للرسائل المُرسلة ومن يمكنه رؤيتها، خاصة إذا كان قد يستخدمه زوار من الاتحاد الأوروبي أو المملكة المتحدة.
- لا تجمع أكثر مما تحتاج. لا يحتاج نموذج الاتصال إلى رقم هاتف، أو حجم شركة، أو عنوان ما لم يتطلب سير عملك ذلك فعليًا — كل حقل إضافي هو احتكاك وبيانات إضافية يجب تأمينها.
- اعرف أين تعيش الردود. تجلس الإرسالات في جدول بيانات Google المرتبط تحت حساب Google الخاص بك، مما يعني أيضًا أن أي شخص شاركت معه ذلك الجدول، أو أضفته كمتعاون في النموذج، يمكنه رؤية كل رسالة — يستحق الأمر تقييده للأشخاص الذين يتعاملون فعليًا مع الاستفسارات.
لمعالجة أوفى للغة الموافقة والاحتفاظ بالبيانات وما يتطلبه GDPR لزوار الاتحاد الأوروبي تحديدًا، راجع دليل نموذج Google وGDPR الخاص بنا.
اعتبارات البريد المزعج والبوتات
لا يعرض نموذج Google مفتاح CAPTCHA مخصصًا أو مرشح بريد مزعج قابل للتكوين بالطريقة التي تفعلها بعض إضافات نماذج الاتصال. يستفيد من كشف إساءة استخدام Google الأوسع على مستوى البنية التحتية، لكن ذلك عام وليس شيئًا يمكنك ضبطه لنموذجك المحدد. عمليًا، تشهد معظم نماذج الاتصال منخفضة إلى متوسطة الحركة القليل جدًا من البريد المزعج، لكن صفحة عامة عالية الحركة قد تجذب بعض الإرسالات غير المرغوب فيها بمرور الوقت. إذا أصبح ذلك مشكلة، فإن إضافة سؤال إجابة قصيرة بسيط "ما هو 3 + 4" مع التحقق من صحة الرد رادع منخفض الجهد، لأنه يصفي البوتات الآلية الأساسية دون إضافة CAPTCHA حقيقي.
تصميم النموذج المضمّن ليبدو أقل "Google"
جاهزًا للاستخدام، يحمل النموذج المضمّن مظهر Google الافتراضي، الذي يبدو مختلفًا بشكل ملحوظ عن بقية موقع إلكتروني بعلامة تجارية. بعض التعديلات تساعده على الشعور بأنه أقل انحرافًا:
- حدد لون سمة. انقر على أيقونة أسطوانة الطلاء في المحرر واختر لونًا قريبًا من لون تمييز موقعك. يغيّر هذا شريط الرأس ولون الزر داخل إطار iframe.
- اختر نمط خط مطابقًا. تقدم نفس لوحة السمة مجموعة صغيرة من أزواج الخطوط — اختر أيًا منها يبدو أقرب إلى طباعة موقعك.
- أزل تكرار العنوان/الوصف. إذا كانت صفحة اتصالك تحتوي بالفعل على عنوان مثل "تواصل معنا"، فكّر في ترك عنوان النموذج فارغًا أو بسيطًا بحيث لا تكرر نفس العنوان مرتين.
- حدد حجم إطار iframe عمدًا. يحتوي كود التضمين الافتراضي على عرض وارتفاع ثابتين؛ غلّفه في حاوية متجاوبة (
width: 100%، ارتفاع بنسبة مئوية، أوmin-heightمع تمرير) بحيث لا يبدو ضيقًا أو يترك مساحة بيضاء زائدة على أحجام شاشات مختلفة.
لا شيء من هذا يجعل التضمين غير قابل للتمييز عن نموذج HTML أصلي — لا يزال يُعرض داخل إطار iframe الخاص بـ Google بتخطيط Google — لكنه يغلق معظم الفجوة البصرية لصفحة اتصال نموذجية. إذا كان موقعك يعمل على WordPress تحديدًا، راجع دليل تضمين نموذج Google في WordPress لخطوات محرر الكتل والإضافات المحددة.
نموذج Google مقابل رابط mailto:
رابط mailto: هو أبسط خيار ممكن — رابط تشعبي بسيط يفتح عميل البريد الإلكتروني للزائر بعنوانك مُعبأً مسبقًا. لا يتطلب أي إعداد، لكن له عيوبًا حقيقية: يعتمد على امتلاك الزائر عميل بريد مُعد على ذلك الجهاز (لا تمتلكه العديد من متصفحات الجوال وأجهزة كمبيوتر العمل)، ولا يمنحك أي تحقق من الحقول، ولا ينتج سجلاً منظمًا للرسائل. يعمل نموذج Google في أي متصفح بغض النظر عن إعداد البريد الإلكتروني، ويتحقق من الإدخال قبل الإرسال، ويخزن كل رسالة كصف في جدول بيانات يمكنك البحث فيه وتصفيته وأرشفته. بالنسبة لأي شيء يتجاوز موقعًا شخصيًا بسيطًا للغاية، النموذج هو الخيار الأكثر موثوقية.
| الخيار | جهد الإعداد | يعمل بدون عميل بريد | سجلات منظمة/قابلة للبحث | التكلفة |
|---|---|---|---|---|
| رابط mailto: | لا شيء | لا | لا | مجاني |
| تضمين نموذج Google | منخفض — ابنِ مرة واحدة، الصق iframe | نعم | نعم، عبر جدول البيانات المرتبط | مجاني |
| إضافة مخصصة لبناء النماذج | متوسط — ثبّت واضبط وصمم | نعم | نعم، غالبًا مع تصفية بريد مزعج مدمجة | غالبًا مدفوع فوق الفئة المجانية |
| نموذج مبرمج مخصص + خلفية | عالٍ — يحتاج مطورًا | نعم | نعم، مخصص بالكامل | وقت/تكلفة التطوير |
بناء نموذج الاتصال نفسه بعيدًا عن سطح المكتب
معظم الإعداد أعلاه — إضافة الحقول، تفعيل التحقق من البريد الإلكتروني، اختيار لون سمة — يحدث في محرر قائم على المتصفح أخرق الاستخدام على هاتف. إذا كنت ترسم الحقول لموقع عميل بينما أنت بعيد عن كمبيوترك المحمول، أو تريد صياغة بنية النموذج قبل تسليمها لمن يدير كود تضمين موقعك، يبني FormMaker نفس نموذج Google الحقيقي من خلال حساب Google الخاص بك بمحرر لمس أصلي، بحيث يكون النموذج موجودًا وجاهزًا للتكوين والتضمين بحلول عودتك إلى مكتب.
حل مشكلات تضمين نموذج الاتصال الشائعة
- يعرض إطار iframe مربعًا أبيض فارغًا. تأكد من أن مشاركة/رؤية النموذج لم تُقيَّد بـ"أشخاص محددين" — يحتاج نموذج اتصال عام إلى ضبط وصوله على "أي شخص لديه الرابط" حتى يتم تحميل التضمين لزوار الموقع.
- يبدو النموذج المضمّن مقطوعًا أو يحتوي على شريط تمرير داخله. ارتفاع التضمين الافتراضي قيمة بكسل ثابتة؛ زد خاصية
heightفي كود iframe، أو اضبطه بسخاء ودع المساحة البيضاء الإضافية هي المقايضة. - لا تظهر الإرسالات في جدول البيانات المرتبط. تأكد من ربط جدول بيانات فعليًا من تبويب الردود — حتى تربط واحدًا، تعيش الردود فقط داخل واجهة النموذج نفسها، وليس في جدول بيانات.
- لا يتم إشعارك برسائل جديدة وفاتك استفسار. هذه هي الشكوى الأكثر شيوعًا مع استخدام النموذج كنموذج اتصال — ثبّت إضافة إشعارات بدلاً من الاعتماد على تذكر التحقق يدويًا.
الأسئلة الشائعة
هل يمكنني استخدام نموذج Google كنموذج اتصال في موقعي الإلكتروني؟
نعم. ابنِ نموذجًا بحقول الاسم والبريد الإلكتروني والموضوع والرسالة، ثم ضمّنه باستخدام كود التضمين HTML المدمج في نموذج Google، الذي يضعه داخل إطار iframe في صفحتك.
هل يرسل لي نموذج Google بريدًا إلكترونيًا تلقائيًا عند إرسال شخص ما؟
لا، ليس افتراضيًا. للحصول على إشعار، ثبّت إضافة إشعارات من متجر Google Workspace، أو تحقق من تبويب الردود أو جدول البيانات المرتبط يدويًا.
هل يحظر نموذج Google الإرسالات المزعجة؟
يستفيد من حماية Google العامة على مستوى البنية التحتية من إساءة الاستخدام، لكن لا يوجد مرشح بريد مزعج مخصص وقابل للتكوين أو مفتاح CAPTCHA لمالكي النماذج. قد تشهد النماذج العامة عالية الحركة بعض البريد المزعج.
هل نموذج Google أفضل من رابط mailto: كنموذج اتصال؟
بالنسبة لمعظم المواقع، نعم. يعتمد رابط mailto: على امتلاك الزائر عميل بريد إلكتروني مُعد ولا يمنح بيانات منظمة، بينما يعمل نموذج Google في أي متصفح، ويتحقق من الحقول، وينظم كل إرسال في جدول بيانات.
هل يمكنني جعل نموذج Google المضمّن يطابق تصميم موقعي؟
جزئيًا فقط. ينتقل لون السمة والخط في محرر النموذج إلى التضمين، لكن لا يمكنك إزالة تخطيط Google أو تصميم iframe تمامًا — لن يبدو مطابقًا تمامًا لنموذج HTML أصلي مبني بـ CSS خاص بك.