الحلقة2:إنشاء تطبيق فيسبوك لدعوة الأصدقاء من اجل زيارة موقعك


بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

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

وفي حالة إذا لم تفهم جيدا فشاهد الڤيديو اسفله

الخطوة الاولى : إنشاء تطبيق فيسبوك.
ستكون الخطوة الاولى هي إنشاء تطبيق على الفيسبوك من خلال الدخول على الرابط Facebook devlopers بعد ذلك قم بالنقر على تطبيق جديد create new app  او إذا لم تضهر فقم بإدخال مباشرة إسم التطبيق في فيApp Name  ، وتجاهل خانة App Namespace و App Category وانقر على continue تم ادخل كود الكابتشا .
الان بعد إنشاء التطبيق قم بإدخال عنوان موقعك على شكل Trucsprofessional.blogspot.com في حالة كنت تستعمل بلوجر في خانة App Domains تم انسخ الرقم المقابل لــ App ID: لانك ستحتاجه في الخطوة الثانية من هذا الشرح ، بعد ذلك انقر على Save changes وتكون بذلك انهيت بنجاح الخطوة الاولى .

الخطوة  الثانية : تعديل السكربت وإضافته في الموقع.

هي الخطوة الاخيرة من هذا الشرح حيث ستقوم اولا بتعديل كل من appId و message المتواجدة في السكريبت اسفله:

<style>
/*Facebook Invite Friends Button CSS http://Trucsprofessional.blogspot.com/*/
.DrRO_fb_invite a{
font-family: "lucida grande", tahoma, verdana, arial, sans-serif ! important;
 font-weight:bold ! important;
 font-size:12px ! important;
 width:150px ! important;
 border:solid #29447e 1px ! important;
 border-bottom:solid #1a356e 1px ! important;
 cursor:pointer ! important;
 padding:6px 6px 6px 6px ! important;
 background-color:#5c75a9 ! important;
 border-top:solid #8a9cc2 1px ! important;
 text-align:center ! important;
 color:#fff ! important;
text-decoration:none  ! important;
}

.DrRO_fb_invite a:active{
 background-color:#4f6aa3;
}
/*End CSS http://trucsprofessional.blogspot.com/*/
</style>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({
appId:'142241559317654',
cookie:true,
status:true,
xfbml:true
});
function FacebookInviteFriends()
{
FB.ui({
method: 'apprequests',
message: 'ادعو الأصدقاء لمتابعة مدونة كن داعيا للخير'
});
}
</script>
<br />
<div id="fb-root">
</div>
<span class="DrRO_fb_invite"><a href="#" onclick="FacebookInviteFriends();">
Invite your friends
</a></span>
<script type="text/javascript">
if (top.location!= self.location)
{
top.location = self.location
}
</script> 


بعد ان تعدل قم بنسخ السكريبت كاملا وضعه في موقعك وهكذا ستضهر رسالة صغيرة (يمكنك تغيرها إلى صورة او اي شيئ آخر ) كلما نقر عليها الزائر سيضهر له مربع صغير لدعوة الأصدقاء من اجل زيارة موقعك (شاهد الصورة اعلاه). 

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




هل أعجبك الموضوع ؟

ضع تعليقا أخي الكريم

ليست هناك تعليقات:

إرسال تعليق


جميع الحقوق محفوظة مطوري الحاسوب ©2012-2013 | ، نقل بدون تصريح ممنوع . Privacy-Policy