AdSense CSS Top Position - Make More Money From First Ads 애드 센스 CSS를 최상위 순위 - 첫 번째 광고에서 더 많은 돈을 벌

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). 특히 광고를 할 때 먼저 좌측 상단 표시줄 또는 광고 현장에 나타나지도 (전에 몸의 대부분의 사람들이 광고를 어디에 가장 높은 클릭률)을 참조하십시오.

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. 지금은 힙합 경우에도 새로운 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. 시작하려면, 당신은 할 당신의 바디 태그 바로 아래에 귀하의 브라우저과의 접촉에 와서는 첫 번째 광고를 보장하는 장소입니다 DIV 택을해야합니다 제일 먼저 할 일이있다. Also place your unique adsense code inside the div (see below). 또한 div의 내부 (아래 참조) 고유한 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″> id="ad1">를 <div
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. 당신의 스타일 시트에이 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: 만약 당신이 다음과 같은 태그 안에 위의 코드를 포장하고 모든 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. 상대 -이 한 요소는 정상적인 위치에 상대적으로 이동, 그래서 "왼쪽 : 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. 이미 지정된 경우 800px 너비를 중심으로 다른 div는 블록의 내부에 div와 차단했다. 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 그 폭이 800px 멀리하고 브라우저 윈도우의 왼쪽 여백에 시작 대를 중심으로 상자의 시작은 20 픽셀의 범프를 시작할 것이다.

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. 그래서 당신은 매우 귀하의 페이지의 상단에 귀하의 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? 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 작성자 : 롭
Category: Advertising , Featured , Web Design 카테고리 : 광고, 특집, 웹 디자인
Tags: AdSense , CSS , Design , Income , Tutorials 태그 : 애드 센스, CSS를, 디자인, 소득, 자습서
Respond: Leave A Comment | Trackback URL 답변 : 덧글을 남길 | 트랙백 URL을