بلوجر » انشاء إعلان ادسنس ثابت عائم اسفل بلوجر لزيادة ارباح ادسنس في 2022

انشاء إعلان ادسنس ثابت عائم اسفل بلوجر لزيادة ارباح ادسنس في 2022

آخر تعديل في 2022-05-29 بواسطة رامي محمد
جوجل ادسنس,ادسنس,اعلانات جوجل ادسنس,انشاء اعلان ادسنس,اعلانات ادسنس,الربح من جوجل ادسنس,افضل اعلانات جوجل ادسنس,انشاء جوجل ادسنس من الموبايل,الربح من ادسنس,وضع اعلانات ادسنس,الربح من اعلانات ادسنس,وضع اعلانات جوجل ادسنس داخل المدونة,انشاء حساب ادسنس,اعلانات ادسنس في بلوجر,اعلانات ثابتة في ادسنس,انشاء ادسنس,طريقة وضع اعلانات جوجل ادسنس داخل المدونة,كود اعلان ادسنس,انشاء إعلان ادسنس ثابت

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

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

ما هي الإعلانات الثابتة السفلية؟

إنها ليست سوى إعلانات Google Anchor ، لكن هذه الشفرة تتمتع بمظهر جيد مع إغلاق رمز svg لذا ستزيد من انطباع موقعك وتبدو جيدة.

تبدو بهذا الشكل:

جوجل ادسنس,ادسنس,اعلانات جوجل ادسنس,انشاء اعلان ادسنس,اعلانات ادسنس,الربح من جوجل ادسنس,افضل اعلانات جوجل ادسنس,انشاء جوجل ادسنس من الموبايل,الربح من ادسنس,وضع اعلانات ادسنس,الربح من اعلانات ادسنس,وضع اعلانات جوجل ادسنس داخل المدونة,انشاء حساب ادسنس,اعلانات ادسنس في بلوجر,اعلانات ثابتة في ادسنس,انشاء ادسنس,طريقة وضع اعلانات جوجل ادسنس داخل المدونة,كود اعلان ادسنس,انشاء إعلان ادسنس ثابت

كذلك تستطيع التوجه الى مدونتي على بلوجر لمشاهدة مثل هذا الاعلان من هنا

لماذا تستخدم الإعلانات الثابتة السفلية؟

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

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

1. أضف CSS هذا في القالب الخاص بك بعد التوجه الى المظهر > تعديل HTML ، وابحث عن العلامة </head> وضع الكود التالي اعلى العلامة.

<style>
/* Widget Sticky Button */
.sticky-button{position:fixed;bottom:0;right:20px;width:50px;height:50px;border-radius:50px;background-color:#fdd929;box-shadow:0px 4px 12px 0 rgba(9,32,76,.05);z-index:20;overflow:hidden;-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden}
.sticky-button.sticky{bottom:20px;opacity:1;visibility:visible}
.sticky-button > *{display:flex;align-items:center;height:100%}
.sticky-button > * svg{margin:auto;fill:inherit}
.sticky-ad{position:fixed;bottom:0;left:0;width:100%;min-height:70px;max-height:200px;padding:5px 0;box-shadow:0 -6px 18px 0 rgba(9,32,76,.1);-webkit-transition:all .1s ease-in;transition:all .1s ease-in;display:flex;align-items:center;justify-content:center;background-color:#fefefe;z-index:20}
.sticky-ad .sticky-adClose{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:12px 0 0;position:absolute;right:0;top:-30px;background-color:#fefefe;box-shadow:0 -6px 18px 0 rgba(9,32,76,.08)}
.sticky-ad .sticky-adClose svg{fill:#767676}
.sticky-ad .sticky-adContent{flex-grow:1;overflow:hidden;display:block;position:relative}
.sticky-adInput:checked + .sticky-ad{padding:0;min-height:0}
.sticky-adInput:checked + .sticky-ad .sticky-adContent{display:none}
</style>

2. ضع الكود أدناه في نهاية موضوعك ، أي قبل علامة </body>.

<!--<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>-->
<input class='sticky-adInput hidden' id='sticky-adIn' type='checkbox'/>
<div class='sticky-ad' id='sticky-ad'>
<label class='sticky-adClose' for='sticky-adIn'><svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'></path></svg></label>
<div class='sticky-adContent'>
<!--<div class='ads-here' style='display:block;height:60px'/>-->
<ins class='adsbygoogle' data-ad-client='ca-pub-9208150405483403' data-ad-format='horizontal' data-ad-slot='3466897794' data-full-width-responsive='false' style='display:block;text-align:center'></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
</div>
</div>
<!--</b:if>-->

بعد ذلك ، قم بتغيير الارقام الموضحة باللون الاحمر بمعرفات اعلن ادسنس الخاص بك.

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

جوجل ادسنس,ادسنس,اعلانات جوجل ادسنس,انشاء اعلان ادسنس,اعلانات ادسنس,الربح من جوجل ادسنس,افضل اعلانات جوجل ادسنس,انشاء جوجل ادسنس من الموبايل,الربح من ادسنس,وضع اعلانات ادسنس,الربح من اعلانات ادسنس,وضع اعلانات جوجل ادسنس داخل المدونة,انشاء حساب ادسنس,اعلانات ادسنس في بلوجر,اعلانات ثابتة في ادسنس,انشاء ادسنس,طريقة وضع اعلانات جوجل ادسنس داخل المدونة,كود اعلان ادسنس,انشاء إعلان ادسنس ثابت

اقرأ ايضًا : اضافة اعلانات ادسنس اعلى واسفل ووسط المقالات في مدونة بلوجر

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

"لا تقرأ وترحل، ضع بصمتك.. وشاركنا برأيك ..."

أحدث المقالات

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني.