The first AdSense ad that appears on your site is important. الاولى AdSense الاعلان الذي يظهر على موقعك امر هام. Why? لماذا؟ Because it has the highest earning potential. لانها اعلى الايرادات المحتملة. The highest bidding ads are displayed inside whatever ad is rendered first. أعلى تعرض اعلانات المناقصات داخل ايا كان هو المقدمة الاولى للاعلان. If you’re using multiple AdSense banners on a page then this is a common concern. اذا كنت تستخدم لافتات متعددة AdSense بعد ذلك على هذه الصفحه هي ذات الاهتمام المشترك. Especially when you have ads showing up first in a leftside bar or top ad spot (before your body ads where most people see CTR is the highest). ولا سيما عندما يكون لديك اعلانات تظهر في أول leftside بار او اعلى بقعة الاعلانيه (قبل جسدك الاعلانات انظر فيها معظم الناس هي أعلى نسبة النقر الى الظهور).
A Worse Ad Setup Scenario: أسوأ سيناريو للاعلان في الاعداد :
Another scenario that makes it worse is if you utilize a leftisde ad, top ad, and then have a body/content ad. وهناك سيناريو آخر ان يجعل من هو اسوأ اذا كنت تستخدم leftisde اعلانيه ، اعلانيه أعلى ، وبعد ذلك يكون للهيئة / مضمون الاعلان. Its well known that most sites produce their highest click thru rates on ads in the body of their content. دورتها المعروف جيدا ان معظم المواقع التي تنتج اعلى معدلات من خلال النقر على الاعلانات في الهيءه من مضمونها. With that assumption, we want to get the biggest bang for our buck! مع هذا الافتراض ، ونحن نريد الحصول على أكبر دوي لدينا باك!
The Old Work-A-Round Method: العمل القديم - أ - طريقة الجولة :
If you remember my post way back when about Multiple AdSense Banners That Could Cost You Money , it follows along the same issue. اذا كنت تذكر بعد حين عن طريق العودة لافتات متعددة AdSense التي يمكن ان تكلفك الاموال ، ويترتب على نفس القضية. While you are putting the top paying ads in the highest clicked areas, you’re also sacrificing the ability to place any ads before that. وبينما انت تدفع اعلى وضع الاعلانات فى اعلى المناطق النقر ، انت ايضا القدرة على التضحيه اي مكان الاعلانات قبل ذلك.
Not anymore! لا لم يعد! Now you have an option even if you don’t use a the hip new CSS designs and styles. الآن لديك الخيار حتى لو كنت لا تستخدم الورك CSS التصاميم الجديدة والاساليب. Of course you’ll need to use CSS to do this trick but now you might have another reason to start learning it for your future redesign, right? وبالطبع ستحتاج الى استخدام CSS لذلك خدعة ولكن الآن قد تكون لديكم وهناك سبب آخر للبدء في تعلم لإعادة تصميم مستقبلك ، أليس كذلك؟
CSS Trick For More Income From First Place Positioning: CSS خدعة لمزيد من الايرادات من المواقع المقام الأول :
To get started, the first thing you’ll need to do is place a DIV tag just below your Body tag to ensure its the first ad that your browser comes into contact with. للبدء ، فإن أول ما عليك القيام به هو وضع علامة div اقل بقليل من جسمك لضمان العلامه الاولى للاعلان في ان يأتي المتصفح على اتصال. Also place your unique adsense code inside the div (see below). ايضا ضع AdSense مدونة فريدة من نوعها داخل div (أنظر أدناه). This doesn’t mean it will necessarily appear first, but it is recognized as such because it comes up in the source code first. وهذا لا يعني بالضروره انها سوف تظهر اولا ، ولكن من المسلم به على هذا النحو لأنه يأتي في شفره المصدر الأول. CSS is great like that. CSS كبيرة من هذا القبيل.
<div id=”ad1″> <divid="ad1">
INSERT YOUR ADSENSE CODE HERE تضاف AdSense المدونه الخاصة بك هنا
</div> </ div>
This next part is difficult to help everyone at once with because every site is unique. هذا الجزء التالي من الصعب ان يساعد الجميع في وقت واحد مع لأن كل موقع فريد من نوعه. Add this CSS code in your style sheet and do some trial and error with the left, right, top, and bottom attributes to position the ad properly. أضف هذا CSS المدونه في ورقة وطريقتك في القيام ببعض التجربه والخطأ مع اليسار ، حق ، أعلى ، اسفل وصفات لموقف الاعلان على الوجه الصحيح. Change the height/width as needed depending on the ad that you’re trying to place in. تغيير الطول / العرض حسب الحاجة ويتوقف ذلك على أن الاعلان الذي تحاول الدخول إلى مكان
#ad1 { (# ad1
width: 468px; العرض : 468px ؛
height: 60px; الطول : 60px ؛
position: absolute; المركز : المطلقة ؛
left: 140px; اليسار : 140px ؛
right: 0px; الحق : 0px ؛
bottom: 0px; من القاعده الى القمة : 0px ؛
top: 350px; اعلى : 350px ؛
} )
If you’re not using a style sheet wrap the above code inside the following tag and place it all within the head of your html document: اذا كنت لا تستخدم ورقة نمط لف المدونه اعلاه داخل العلامه التالية ووضعها في اطار كل من رئيس وثيقة من وثائق لغة تأشير النص الفائق الخاص بك :
<style type=”text/css”> <styletype="text/css">
INSERT CSS CODE ABOVE HERE تضاف CSS المدونه اعلاه هنا
</style> </ اسلوب>
You’re going to have the hardest time getting this to work in liquid layouts with pixels. انت سوف يكون اصعب وقت للوصول الى هذا السائل في العمل مع مخططات بكسل. In that case you might want to switch to em’s or percentages to match the length of change needed every time the browser window is adjusted. وفي هذه الحاله قد ترغب في التحول الى طب الطوارئ او النسب المءويه لتتناسب مع طول مدة التغيير يحتاج في كل مرة يتم تعديل نافذة المتصفح. You may also want to use relative instead of absolute positioning depending on your existing setup. يمكنك أيضا ان تستخدم بدلا من النسبيه المطلقة المواقع اعتمادا على الأعداد الموجودة لديك. See the description of those below and choose which applies best to you. انظر وصف ادناه واختيار تلك التي تطبق افضل لك.
Relative VS Absolute Alignment: الانحياز المطلق مقابل النسبي :
Relative - This moves an element relative to its normal position, so “left:20px” adds 20 pixels to the element’s left position no matter what starting container its in. النسبيه -- عنصرا من عناصر هذه التحركات النسبيه الى مركزها الطبيعي ، وذلك "اليسار : 20px" 20 بكسل ويضيف الى عناصر اليسار في موقف مهما كانت اعمالها ابتداء من الحاويات فيه.
Absolute - This specifies coordinates relative to its containing block. المطلقة -- تحدد هذه الاحداثيات النسبيه لاحتواء الكتلة. If you had a div block inside another div block that was already centered and 800px width specified. لو كان لديك div داخل كتلة آخر div الكتلة التي كانت تدور بالفعل و800px العرض المحدد. Then adding left:20px would start a 20 pixel bump at the beginning of the box that is 800px wide and centered versus starting on the far left margin of the browser window. ثم غادر مضيفا : 20px ستبدأ في 20 بكسل أ اهتززت في بداية المربع وهذا هو 800px مقابل تدور على نطاق واسع وابتداء من اقصى اليسار الهامش من نافذة المتصفح.
Placeholder your Absolute Positions With A Separate Div: ويتم تضمين الخاص بك المطلق مع مواقف مستقلة div :
If you use absolute positioning you will NEED to create the white space area for the ad manually. اذا كنت تستخدم المطلق المواقع ستحتاج الى انشاء منطقة المساحه البيضاء للاعلان يدويا. So you can shove your div at the very top of your page, but you cannot float (allows the text to wrap) AND position:absolute at the same time. حتى تتمكن من دفعه div الخاصة بك على قمة الصفحه الخاصة بك ، ولكنك لا يمكن أن تطفو (والتي تسمح للالتفاف على النص) وموقف : المطلقة في نفس الوقت. Create a space in your template by doing something like this wherever you’re positioning you’re ad. خلق مساحة في القالب تفعل شيئا كهذا من قبل هذه المواقع أينما كنت انت الاعلانيه. Also be sure the content is not going to change and therefore push that div down in any case. أيضا ومن المؤكد ان المحتوى لن تتغير ، وبالتالي ان يدفع div تراجع في أي حال. Otherwise your manual alignment of the absolute positioning will be skewed: على خلاف الدليل الخاص بك الانحياز المطلق للانحراف وسيتم تحديد المواقع :
<div style=”width:468; height:60″></div> <divstyle="width:468؛ height:60"> </ div>
Notes: ملاحظات :
- Moving the DIV code into an existing container or wrapper div might be best assuming no other ad code will show up before it. تحريك div المدونه الى القائمة الحاويه او الغلاف div قد يكون من الأفضل افتراض عدم واخرى شفره الاعلان سيظهر المعروض عليه.
- Keep in mind the place that spot that your ad is being positioned into. نضع في اعتبارنا ان المكان بقعة من ان اعلانك في موقع يجري. You may have to make some adjustments to existing code where its being inserted قد تضطر الى اجراء بعض التعديلات على القانون الحالى حيث يجرى إدراج
You may also want to combine the strategy mentioned here with Ways To Optimize Google AdSense - Blending Content Ads . يمكنك ايضا ان الجمع بين هذه الاستراتيجيه المذكورة هنا عن سبل لتحسين صور AdSense -- مزج محتوى الاعلانات.
Any Value To Learning CSS? اي قيمة لتعلم CSS؟
This strategy is more intermediate and you may need help if you’re not familiar with CSS. هذه الاستراتيجيه اكثر وسيطة ، وانك قد تحتاج الى المساعدة اذا كنت لم تكن مالوفه مع CSS. Try spending some time playing with it, posting to forms, or commenting here if you’re spending hours trying to get it to work. انفاق بعض الوقت في محاولة اللعب معها ، الى اشكال النشر ، او التعليق هنا اذا كنت تحاول الانفاق ساعات للحصول على العمل. Your best bet would be to pick up a CSS book or Google for some basic CSS tutorials. افضل ما لديكم من الرهان سيكون ليلتقط CSS كتاب او صور لبعض الدروس الأساسية CSS. CSS is easy enough that it can be learned in an afternoon. CSS سهل يكفي انه يمكن تعلمها في فترة بعد الظهر. However it also has quirks about it that you’ll need to learn by playing with it yourself. ولكن كما ان لديها المراوغات حول هو ان عليك ان تعلم عن طريق اللعب مع ذلك بنفسك. If you ever plan to do web design work, its more then essential these days as browsers are only growing their use of it as a standard. اذا كنت من اي وقت مضى على القيام خطة عمل تم تصميم الموقع ، واكثر من ضروريه في هذه الأيام ما هي الا المتصفحات تزايد استخدامها لأنها المعيار.
Posted by: Rob | 2008-07-10 بواسطة : روب | 2008-07-10
Category: Advertising , Featured , Web Design الفئة : الإعلان ، عرض ، تصميم الموقع
Tags: AdSense , CSS , Design , Income , Tutorials العلامات : AdSense ، CSS ، وتصميم ، والدخل ، ودروس
Respond: Leave A Comment | Trackback URL الرد : اترك التعليق | موقع Trackback
المطلقة لتحديد المواقع هي طريقة متميزه للحصول على شيء لنذهب الى حيث تريد.
عندما تستخدم بالاقتران مع فايرفوكس ومصاب بهوس الاحراق ، يمكنك ان ترى الوقت الحقيقي عندما يستكمل الترميز. وهو يساعد لي عندما افعل الترميز العمل.