القائمة الرئيسية

الصفحات

اضافة اتصل بنا بلوجر : نموذج صفحة contact us للمدونة

ستعرف من خلال هذه المقالة خطوات اضافة اتصل بنا بلوجر من خلال شرح السكربت html المناسب وكذلك كيفية إضافته.


العديد من المدونين المبتدئين يتسألون عن اضافة اتصل بنا بلوجر بطريقة صحيحة وبسهولة، وهذا الأمر يتعدى التساؤل.


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


وقد تجد أن ذلك الشخص لا يعرف بأن كود اضافة صفحة اتصل بنا لمدونتك بلوجر خاطئ وهو بحاجة لاستبداله.


اضافة اتصل بنا بلوجر : نموذج صفحة contact us للمدونتك


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


ماهي صفحة اتصل بنا بلوجر وما هي أهميتها ؟


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


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


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


ما هي المشكلة المتعلقة بصفحة اتصل بنا ؟


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


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


فإذا كانت صفحة اتصل بنا contact us بها مشكل، فهذا يمنع وصول رسائل زوارك الذين يريدون التواصل معك، ولهذا السبب فلن تقبلك شركة ادسنس.


وكلنا نعرف أن الربح من اعلانات ادسنس Google Adsense تعتبر من افضل طرق الربح من مدونتك بلوجر وستفقد الكثير إذا لم تستعمل هذه الطريقة.


كيف تعرف بأن صفحة اتصل بنا التي لديك صحيحة ؟


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


وبعد ذلك تحقق من البريد الإلكتروني الخاص بموقعك (سواء في السبام Spam أو في اينبوكس Inbox).


وإذا وصلت الرسالة فهذا يعني بأن السكربت الذي تستعمله صحيح ولا توجد به أي مشكلة، وإذا لم تصلك الرسالة فهذا يعني بأن هناك مشكلة ما في سكربت اتصل بنا.


طريقة انشاء صفحة اتصل بنا على بلوجر


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



بعد ذلك قم بكتابة إسم الصفحة وفي حالتنا هذه سنكتب "اتصل بنا" أو "contact us" اختر ما تريد.


وفي هذه الخطوة سنمنع أرشفة هذه الصفحة (لأن الصفحات لا يجب أن تظهر في محركات بحث google لأنها غير مهمة للزوار ولا تضيف أي قيمة) وذلك من خلال الضغط على الخيار "علامات مخصصة لبرامج الروبوت" الموجود في القائمة الجانبية.



ثم وضع علامة على الخيار "noindex".


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



وفي هذه الخطوة سنضغط على زر "القلم" ثم على "عرض html" لأننا سنكتب كود html وليس كلمات وجمل.


الآن في هذه الخطوة أنت بحاجة لوضع سكربت اتصل بنا المناسب.


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


وإذا أردت تحميل هذه الأكواد في ملف واحد قم بالنزول لأسفل الصفحة وستجد رابط التحميل بطريقة مباشرة.


1.كود اتصل بنا الأول الخاص بمن يضعون قالب سيوبلس.


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


<div id='Pagecontactus'></div>


وهذا ليس كلامي بل هو كلام المطور الذي صمم قالب سيوبلس Seoplus الشهير.



والضغط على حفظ وستظهر معك الصفحة بهذا الشكل.



2.كود إتصل بنا الثاني المخصص بعشاق قالب سكويز.


إذا كنت تستعمل قالب Squeeze سواء مجاني أو مدفوع قم بلصق هذا السكربت 


<div class="post-contact-form"></div>


واضغط على حفظ.


3.السكربت الثالث المخصص لقالب ناز.


هذا السكربت مخصص لقوالب Naz وإذا لاحظت فإن الأكواد متشابهة مع كود قالب Squeeze.


قم بوضع هذا السكربت في محرر أكواد html واضغط على حفظ.


<div class="post-contact-form"></div>


4.كود اتصل بنا الرابع المخصص لأغلب المواقع.


إذا كنت تستعمل قوالب غير القوالب التي ذكرتها لك سابقا يمكنك وضع هذا السكربت.


<div dir="rtl" style="text-align: right;" trbidi="on">

<i class="post-contact-form"></i></div>


5.السكربت الخامس المناسب لأغلب المواقع.


إذا لم تشتغل معك الأكواد السابقة قم بوضع هذا السكربت.


<div dir="rtl" style="text-align: right;" trbidi="on">

<link href="//fonts.googleapis.com/earlyaccess/droidarabickufi.css" rel="stylesheet"></link>

<script>

var blogId = '4820103156698604713 ';

//The below message 5 Strings can also be edited

var contactFormMessageSendingMsg ='جاري الارسال...';

var contactFormMessageSentMsg = 'ارسال رسالتك بنجاح.';

var contactFormMessageNotSentMsg = 'تعذر إرسال الرسالة. الرجاء معاودة المحاولة في وقت لاحق.';

var contactFormEmptyMessageMsg ='صندوق الرسالة لا يمكن أن يكون فارغا.';

var contactFormInvalidEmailMsg = 'ادخل بريد إلكتروني صحيح.'


var widgetLoaded=false;

function sendEmailMsg() {

if(widgetLoaded== false) {

_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));

widgetLoaded=true;

document.getElementById('ContactForm1_contact-form-submit').click();


(هذا جزء من السكربت).


لكن قبل ذلك يجب عليك التعديل عليه.


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



  • ثم بعد ذلك قم بإضافة الأرقام الموجودة في آخر الرابط بعد /.



  • وقم بوضعها في هذا المكان في السكربت وبعد ذلك عليك تركيب السكربت كاملا في صفحة اتصل بنا في بلوجر في "تعديل html" واضغط على حفظ.



الآن لنقم بتجربة أحد هذه الأكواد التي ذكرتها لك وبما أنني أستعمل قالب سيوبلس Seoplus فسوف أستعمل السكربت الأول ونرى النتيجة.



وكما ترى صفحة اتصل بنا تبدو بهذا الشكل على بلوجر، الآن سأقوم بنشر رسالة.



وكما ترى فقد وصلتني الرسالة على حساب الجيميل Gmail الخاص بالموقع الإلكتروني وقد وصلتني في السبام Spam.



أشكرك كثيرا لأنك وصلت إلى هنا وأتمنى حقا أن تكون قد استفدت من هذه المقالة.

تعليقات