웹 사이트의 배경 광고

StackOverflow https://stackoverflow.com/questions/1435333

문제

저는 현재 소유자가 배경 광고를 원하는 웹 사이트 (전체 사이트의 배경으로 광고)를 만들고 있습니다.

CSS에서 만드는 것은 매우 쉽습니다.

body
{
   background-image: url('ad.jpg');
   repeat, color.....
}

그러나 그들은 그것이 링크가되기를 원합니다. 조금 더 어렵 기 때문에 도움이 필요합니다.

나는 다음과 같은 것을 시도했습니다.

<a runat="server" href="http://adlink" id="BackgroundAdLink" style="position: fixed; display: block; left: 0; top: 0; z-index: -1; min-height: 100%; min-width: 100%;">
    &nbsp;
</a>

그러나 제대로 작동하지 않습니다. 나는 솔루션이 IE/FF/Safari 등에서 일할 수 있도록 원합니다. 나는 사이트에서 jQuery를 사용하므로 그것에 대해 작은 비트를 알고 있습니다.

안부, Lasse

도움이 되었습니까?

해결책 3

이 방법을 사용하여 약간의 성공이 있습니다.

<body>
<script type="text/javascript">
        $(document).ready(function() {
            $('body').css('cursor', 'pointer');

            $('body').click(function(event) {
                if (event.target == event.currentTarget)
                    window.open('http://www.google.dk');
            });

            $('div#Center').hover(function() {
                $('body').css('cursor', 'auto');
            }, function() {
                $('body').css('cursor', 'pointer');
            });
        });
    </script>
<div id="Center">
My content...
</div>
</body>

나는 그것이 광고 계층이 없다는 것을 알고 있지만, 그것은 IE에서만 제대로 작동했습니다. 마우스는 페이지 상단을 클릭 할 수 없습니다.

이 코드는 완벽하지 않습니다. 페이지를 아래로 스크롤하면 클릭 할 수 없습니다. 신체 태그가있는 무언가가 아래쪽으로 확장되지 않을 수도 있습니다. 신체가 높이로 설정되어 있습니다 : 100%; 및 최소 높이 : 100%; 그러나 그것은 작동하지 않았습니다. 제안이 있습니까?

다른 팁

배경이 아닌 콘텐츠의 예상 클릭 동작은 무엇입니까? 배경 광고와 독립적으로 클릭 할 수 있습니까?

이것이 요구 사항이라면 본체 태그 직후 루트 디브 레이어로 설계 할 것입니다. 아마도 타겟팅 할 수있는 "adsitelayer"의 ID를 줄 것입니다. 이것을 메인 컨테이너 Div로 만드십시오. 치수를 100%로 설정 한 다음 jQuery 또는 그렇지 않은 것을 사용하여 클릭 할 수있게 한 다음 그 위에 디자인을 구축하십시오.

이것을 몸에 넣지 마십시오. 이렇게하면 광고가 필요하지 않은 페이지에서 디자인에서 쉽게 추출 할 수있는 간질의 DIV 계층으로 만들 수 있습니다.

그건 그렇고 이것은 일종의 이상한 요구 사항입니다. 그래서 기본적으로 페이지의 다른 곳을 클릭하면 광고로 이동합니까? 클라이언트가 요구하는 경우이를 구현하십시오. 그러나 이것은 유용성 관점에서 실제로 기괴한 행동이며 웹 사이트 사용자를 끄 릴 수 있음을 알려야합니다. 내 두 센트.

스팸은 광고가 아니라 광고하는 방식 때문이 아니라 스팸입니다. 이 행동은 SEO 포인트 A보기에서 눈썹을 높일 수 있습니다. Google이 이것을 좋아할지 확신하지 못합니다. 그들은 정책에 따라 사이트를 맬웨어로 취급 할 수도 있습니다.

$('body').click(function(event){
    window.location = "http://adsite.com";
});

그것이 작동하는지 확실하지 않지만 전체 페이지의 배경을 클릭 할 수있는 다른 방법을 모릅니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top