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のトリックを他の所得からの第1位の位置:
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.開始するには、まず最初にする必要があります。これを行うにはタグを配置する領域を確保するためbodyタグのすぐ下にして、お使いのブラウザの最初の広告が入ってくると連絡をします。 Also place your unique adsense code inside the div (see below).また、お客様それぞれの場所AdSenseコード内の領域(下記参照) 。 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″> <div id="ad1">
INSERT YOUR ADSENSE CODE HERE AdSenseのコードをここに挿入して
</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;トップへ: 350ピクセル;
} )
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上記の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. 相対 -この動きの要素相対的にその正常な位置ので、 "左: 2 0px"の要素を追加さ2 0ピクセルの左の位置に関係なく、どのようなコンテナを開始。
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.内部領域のブロックする場合はブロックには、すでに別の領域を中心と幅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: プレースホルダして絶対的なポジションには別の領域:
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.することができますあなたの領域で世界の頂点になれば、お客様のページの、しかしすることはできません。 floatです(テキストを使用すると、ラップ)との位置:絶対は、同じ時間です。 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.またコンテンツではないことを確認して行く領域を変更するためにプッシュダウンいずれの場合もあります。 Otherwise your manual alignment of the absolute positioning will be skewed:他の絶対位置して手動で配置されるゆがめられた:
<div style=”width:468; height:60″></div> <div style="width:468; height:60"> < /部>
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.領域のコードを移動して、既存の領域かもしれない最高のラッパーコンテナまたは他の広告コードが表示さと仮定する前にしてください。
- 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 .することもできますの戦略を組み合わせることでここに記載のGoogle 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の予約やGoogleのいくつかの基本的な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年7月10日
Category: Advertising , Featured , Web Design より作成カテゴリ: 広告 、 目玉商品は、 ウェブデザイン
Tags: AdSense , CSS , Design , Income , Tutorials タグ: 向けAdSense 、 CSSは 、 デザイン 、 所得 、 チュートリアル
Respond: Leave A Comment | Trackback URL 対応: コメントを残す | トラックバックURL
絶対的な位置決めを得る素晴らしい方法は、何かに行く場所に置きます。
Firefoxと組み合わせて使用されるときに放火魔、リアルタイムでの更新時に参照することができます。コーディングします。 符号化に役立ちます私が仕事です。