كيف تجعل اعلانات ادسنس متوافقة مع كل الاجهزة
 |
كيف تجعل اعلانات ادسنس متوافقة مع كل الاجهزة |
السلام عليكم اخواني
لقد رايت ان الكثير من الاسئلة هي حول كيفية جعل اعلانات ادسنس متوافقة مع جميع الاجهزة : كمبيوتر,كمبيوتر محمول,لوحة محمولة ,هواتف ذكية و غيرها من الاجهزة
فكما نعلم جميعا ان اعلانات ادسنس ذات اي حجم تبقى ثابتة بالنسبة لجميع الاجهزة و لا يتغير وضعها مما يؤثر سلبا على كيفية عرض الموقع في هذه الاجهزة
اليوم ساتكلم عن كيف تجعل اعلانات ادسنس متوافقة مع جميع الاجهزة.
فكما قلت فهذه الاجهزة تعرض مدونتك او موقعك باحجام و ابعاد مختلفة فعلى سبيل المثال الوحة المحمولة او "التابلت" تعرض ابعاد مدونتك بصيغة 200x200 و ان كنت في جهاز كمبيوتر عادي سترى نفس الموقع او المدونة و لكن بابعاد 728x60
و لهذا ساعرض لكم كود لتحسين اعلانات ادسنس و موافقتها مع جميع الاجهزة و ذلك بالنسبة للاعلانات المتزامنة و غير متزامنة
كيف تجعل اعلانات ادسنس متوافقة مع الاجهزة
اولا يجب ان يكون لديك حساب في جوجل ادسنس ثم تذهب الى حسابك في ادسنس من هنا
و ان لم يكن لديك حساب تستطيع عمل حساب باسمك و بكل سهولة
و ان لم يكن لديك حساب تستطيع عمل حساب باسمك و بكل سهولة
اقرا ايضا كيفية عمل حساب ادسنس و تفعيله بسهولة
بعد دخولك الى حسابك يجب انشاء وحدة اعلانية جديدة في تبويب اعلاناتي و تختار اي حجم للاعلان و من بعد تقوم بحفظ الاعلان
هذا الكود الذي ساعرض سيكون غير ملائم للاشخاص الذين ليس لديهم خبرة مع ال css لان هذا الكود يعتمد اساسا على اكواد ال css و اكواد ال media
حسنا , اليك افضل طريقة لجعل اعلانات ادسنس متوافقة مع جميع الاجهزة و بهذا سافيدكم بكود جافا سكربت يعمل مع كلا الاعلانين المتزامنة و غير المتزامنة
الكود لاعلانات ادسنس غير المتزامنة
<div id="google-ads-1"></div>
<script type="text/javascript">
/* Calculate the width of available ad space */
ad = document.getElementById('google-ads-1');
if (ad.getBoundingClientRect().width) {
adWidth = ad.getBoundingClientRect().width; // for modern browsers
} else {
adWidth = ad.offsetWidth; // for old IE
}
/* Replace ca-pub-XXX with your AdSense Publisher ID */
google_ad_client = "ca-pub-xxx;
/* Replace 1234567890 with the AdSense Ad Slot ID */
google_ad_slot = "1234567890";
/* Do not change anything after this line */
if ( adWidth >= 728 )
google_ad_size = ["728", "90"]; /* Leaderboard 728x90 */
else if ( adWidth >= 468 )
google_ad_size = ["468", "60"]; /* Banner (468 x 60) */
else if ( adWidth >= 336 )
google_ad_size = ["336", "280"]; /* Large Rectangle (336 x 280) */
else if ( adWidth >= 300 )
google_ad_size = ["300", "250"]; /* Medium Rectangle (300 x 250) */
else if ( adWidth >= 250 )
google_ad_size = ["250", "250"]; /* Square (250 x 250) */
else if ( adWidth >= 200 )
google_ad_size = ["200", "200"]; /* Small Square (200 x 200) */
else if ( adWidth >= 180 )
google_ad_size = ["180", "150"]; /* Small Rectangle (180 x 150) */
else
google_ad_size = ["125", "125"]; /* Button (125 x 125) */
document.write (
'<ins style="display:inline-block;width:'
+ google_ad_size[0] + 'px;height:'
+ google_ad_size[1] + 'px" data-ad-client="'
+ google_ad_client + '" data-ad-slot="'
+ google_ad_slot + '"></ins>'
);
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
</script>
ستغير ما يوجد في الكود باللون الاحمر برقم حسابك في ادسنس و اقصد بذلك رقم تعريف الحساب و هو الرقم الموجود في اعدادات حسابك في جوجل ادسنس و المكون من 10 ارقام مثل : 7971451164
ثم قم بوضع الكود بعد الوسم <body>ومن ثم ضعها قبل الوسم <data:post.body/> في قالب مدونتك و ذلك بعد تحويله في محول اكواد ادسنس من هنا
و اي زائر بعد ذلك سيرى اعلانات ادسنس متوافقة مع الجهاز الذي يستعمله
و اي زائر بعد ذلك سيرى اعلانات ادسنس متوافقة مع الجهاز الذي يستعمله
و ان اردت ان تضع عدة اعلانات فعليك بوضع الكود عدة مرات مع تغيير اسم الاعلان الى
google-ads-2 و google-ads-3 و دواليك
اما الكود الخاص باعلانات ادسنس المتزامنة فهو :
<div id="google-ads-1"></div>
<script type="text/javascript">
/* Calculate the width of available ad space */
ad = document.getElementById('google-ads-1');
if (ad.getBoundingClientRect().width) {
adWidth = ad.getBoundingClientRect().width; // for modern browsers
} else {
adWidth = ad.offsetWidth; // for old IE
}
/* Replace ca-pub-XXX with your AdSense Publisher ID */
google_ad_client = "ca-pub-XXX";
/* Replace 1234567890 with the AdSense Ad Slot ID */
google_ad_slot = "1234567890";
/* Do not change anything after this line */
if ( adWidth >= 728 )
google_ad_size = ["728", "90"]; /* Leaderboard 728x90 */
else if ( adWidth >= 468 )
google_ad_size = ["468", "60"]; /* Banner (468 x 60) */
else if ( adWidth >= 336 )
google_ad_size = ["336", "280"]; /* Large Rectangle (336 x 280) */
else if ( adWidth >= 300 )
google_ad_size = ["300", "250"]; /* Medium Rectangle (300 x 250) */
else if ( adWidth >= 250 )
google_ad_size = ["250", "250"]; /* Square (250 x 250) */
else if ( adWidth >= 200 )
google_ad_size = ["200", "200"]; /* Small Square (200 x 200) */
else if ( adWidth >= 180 )
google_ad_size = ["180", "150"]; /* Small Rectangle (180 x 150) */
else
google_ad_size = ["125", "125"]; /* Button (125 x 125) */
google_ad_width = google_ad_size[0];
google_ad_height=google_ad_size[1];
</script>
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
فان كنت تريد وضع اعلانات ادسنس المتزامنة في عدة اماكن و عدة اعلانات فعليك ان تضع هذا الكود و تتبع نفس الخطوات التي ذكرتها بالنسبة لاعلانات ادسنس غير المتزامنة
انا في انتظار تعليقاتكم و استفساراتكم و ارجو ان تكونوا قد استمتعتم بالموضوع.