AdSense CSS Top Position - Make More Money From First Ads ऐडसेंस सीएसएस शीर्ष स्थान -- अधिक धन से पहले विज्ञापन बनाएँ

The first AdSense ad that appears on your site is important. पहला ऐडसेंस विज्ञापन लगता है कि आपकी साइट पर महत्वपूर्ण है . 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. यदि आप एकाधिक ऐडसेंस बैनर का उपयोग कर एक पृष्ठ पर तब यह एक सामान्य चिन्ता का विषय है . 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. यदि आप याद है जब मेरी पीठ के बारे में पोस्ट तरह से एकाधिक ऐडसेंस बैनर्स आप यह धन खर्च किया जा सका , वह एक ही प्रकार के साथ मुद्दा है . 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. अब आप के पास कोई विकल्प नहीं है भले ही आप का उपयोग कूल्हे सीएसएस नए डिजाइन और शैली है . 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? बेशक का उपयोग करने के लिए आपको ऐसा करने के लिए सीएसएस ट्रिक हैं लेकिन अब शायद आपको किसी अन्य कारण से शुरू करने के लिए सीखने के लिए वह अपने भविष्य के redesign है , सही है ?

CSS Trick For More Income From First Place Positioning: सीएसएस ट्रिक के लिए और अधिक आय से पहला स्थान स्थिति :
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. सीएसएस है कि जैसे महान है .

<div id=”ad1″> <div id="ad1">
INSERT YOUR ADSENSE CODE HERE आपका ऐडसेंस कूट यहाँ घुसाएँ
</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. इस कोड में जोड़ें सीएसएस शैली अपने पत्र में कुछ और परीक्षण करते हैं और त्रुटि के साथ छोड़ दिया है , अधिकार है , शीर्ष , और नीचे विशेषताओं के विज्ञापन की स्थिति को ठीक से . 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: यदि आप एक शैली का प्रयोग नहीं कर पत्रक कपड़े के भीतर उपरोक्त कोड में निम्नलिखित स्थान पर टैग और यह सभी के सिर के भीतर अपने दस्तावेज़ html :

<style type=”text/css”> <style type="text/css">
INSERT CSS CODE ABOVE HERE INSERT सीएसएस कोड यहाँ ऊपर
</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. तब जोड़ने बाएँ : 20 पिक्सेल 20px को मारना शुरू की शुरुआत में 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. shove कर सकते हैं तो आप अपने 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> <div style="width:468; height:60"> < / div >

Notes: नोट्स :

1. 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 हो सकता है या नहीं सर्वश्रेष्ठ संभालने अन्य विज्ञापन कोड से पहले ही दिखाई देगा .
2. 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 . हो सकता है आप भी करना चाहते हैं यहां उल्लेख के साथ गठबंधन करने की रणनीति के तरीके को अनुकूलित करने के लिए गूगल ऐडसेंस -- विज्ञापन सामग्री सम्मिश्रण है .

Any Value To Learning CSS? कोई भी मूल्य अध्ययन करने के लिए सीएसएस ?
This strategy is more intermediate and you may need help if you’re not familiar with 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 is easy enough that it can be learned in an afternoon. सीएसएस आसान है कि यह पर्याप्त एक दोपहर में सीखा जा सकता है . However it also has quirks about it that you’ll need to learn by playing with it yourself. लेकिन यह भी है quirks है कि आपको इसके बारे में जानने के लिए खेलने के द्वारा वह अपने आप के साथ . 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 द्वारा पोस्ट किया है : रॉब
Category: Advertising , Featured , Web Design श्रेणी : विज्ञापन , विशेष रुप से प्रदर्शित , वेब डिज़ाइन
Tags: AdSense , CSS , Design , Income , Tutorials टैग : ऐडसेंस , सीएसएस , डिजाइन , आय , ट्यूटोरियल
Respond: Leave A Comment | Trackback URL जवाब : एक टिप्पणी छोड़ दें | Trackback URL