أداة قفل واخفاء المحتوى باستعمال زر المشاركة على فيس بوك

أداة قفل واخفاء المحتوى باستعمال زر المشاركة على فيس بوك

ابراهيم زكاغ

7/05/2016

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

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

المميز في الاداة ان الزائر لا يمكنه الحصول على رابط التحميل حتى لو أظهر كود الصفحة أي Code Source. هكذا تبدو الاداة مع اعلانات ادسنس:

اداة قفل  واخفاء المحتوى برابط مشاركة

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

جربوا الاداة بانفسكم:

شاهدوا مثال هنا

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

اضافة أداة قفل المحتوى لمدونات بلوجر

الخطوة 1: إنشاء تطبيق فيس بوك

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

الخطوة 2: إضافة أكواد الاضافة داخل كود القوالب

قم بقتح أداة تغيير كود قالب بلوجر، من الواجهة قالب ثم تحرير HTML

 بعد ذلك قم بالنقر في أي مكان وسط كود القالب ثم من لوحة المفاتيح Ctrl+F للبحث عن :

  </head> وفوقه أضيفوا الكود التالي:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<!-- www.folfoly.com -->
<script type='text/javascript'>
function shareOnFB() {
var e = {
method: &quot;feed&quot;,
link: &quot;https://www.folfoly.com&quot;,
picture: &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaaA3TeFnVQqmohJfuLCk4PfzTwQUWLfseHfTFOb8F5WzoGNwNt-YOVXeimMZF5ZvZahX2FHtW11cTX6uGatJF89pjWzdwaJIqMzP5Ie6AxKV42uYa1BQ9uPTz5n4yqSqZPYtdHjGXK98/h120/logo.jpg&quot;,
name: &quot;title&quot;,
caption: &#39;العنوان&#39;,
description: &quot;الوصف&quot;
};
FB.ui(e, function(t) {
if (t[&quot;post_id&quot;]) {
var secret_data = &quot;&lt;h2 class=\&quot;stitle1\&quot;&gt;شكرا لكم&lt;/h2&gt;&lt;h2 class=\&quot;stitle2\&quot;&gt;&lt;/h2&gt;&lt;p class=\&quot;d_link\&quot;&gt;&lt;a href=\&quot;https://www.folfoly.com\&quot;&gt; نص الرابط&lt;/a&gt;&lt;/p&gt;&quot;;
jQuery(&quot;#results&quot;).html(secret_data);
}
})
}

</script>
<!-- www.folfoly.com -->

تغييرات على الكود:
قم بالتغييرات على الأكواد المحددة بالأحمر ترتيبيا من الأعلى:
1 - رابط مدونتك
2 - صورة زر الأشتراك يمكنك تغييرها او العمل بنفس الصورة
3 - عنوان الرابط الذي سيظهر عندما يتم مشاركته على فيس بوك
4 - وصف الرابط 
5 - كلمة شكر بعد المشاركة
5 - الرابط الذي تريد اخفاءه 
6 - نص الرابط (مثلا: حمل من هنا، رابط التحميل...)

بحث مرة أخرى عن <body/> وفوقه مباشرة أضف الكود التالي الخاص بتطبيق فيس بوك مع تغيير الكود بالأحمر بكود تطبيقك:

<script>
window.fbAsyncInit = function() {
FB.init({
appId : '683315065157818',
xfbml : true,
version : 'v2.7'
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

الخطوة 3: اضافة الأداة داخل المواضيع أو المشاركات

الآن يمكن اضافة الكود داخل المشاركات، في أداة كتابة المواضيع في بلوجر انقر على Html

 ثم أضف الكود التالي:

<div style="background: #777; margin: 0 auto; padding: 20px; width: 60%;">
<center>
<h1 dir="ltr" style="margin: 0px; padding: 0px;">
المحتوى مقفل</h1>
</center>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div id="results">
<div dir="ltr" style="text-align: center;">
<span style="color: white;">شارك على فيس بوك للحصول لفتح القفل</span></div>
<center>
<img onclick="shareOnFB();" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFbyzr05fsvce20VqnZIj6FCc8hcCiY4TDJT07pCQrWlOlxuUC5QZrU4dxwfAomUSs4X9_LfHFyISs6eGDBdK7Qg6Szo-DR5LnpZc8roYlVzaQ2qcLheehV0HPYu8Ezol4-w8Hk3HC6w/h87/facebook-share-button.png" style="cursor: pointer;" />
</center>
</div>
</div>

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

ابراهيم زكاغ 7/05/2016