[ 플래쉬 배너 ] 본문 가리는 투명 플래쉬 배너 소스

 

 

 

 

 

 

본문 위에 떠있는 투명 플래쉬 배너

 

인터넷쇼핑을 하거나 뉴스를 읽다보면 글위에 떠있는 배너를 보실수 있을꺼에요. 사용자 입장에선 아주 귀찬은 존재지만

실제로 광고효과는 큰편입니다. 옆에 닫기 버턴이 있지만 너무 작아서 본광고로 이동하는 링크를 잘못 누를수 있고

사이드바에 위치한 배너보다 글 중간에 위치한 배너가 확실히 눈에 잘 띄기 때문입니다.

특히 이 배너는 오픈마켓(옥션, 지마켓, 11번가, 인터파크) 판매자분들에겐 유용하게 사용하실 수 있습니다.

자신의 상품페이지에 소스를 넣어 상단 가격부분에 노출시키면 유료광고 효과를 보실수 있기 때문입니다. 실제로 저 홍삼 배너는

예전 옥션에서 사용했던 배너입니다.

자 이제 DIV 레이어를 이용한 투명플래쉬에 대해 알아보겠습니다.

첨부된 파일을 푸시면 세가지 파일이 들어있습니다.

투명플래쉬배너.swf

투명플래쉬배너.fla

레이어팝업소스.txt

 

플래쉬소스 수정하기 

투명플래쉬배너.fla 여시고 액션창을 보시면 아래와 같은 액션스크립트가 있습니다.

 

 on (release)
{
    getURL("링크주소","_blank");
}

링크 주소부분을 원하시는 광고페이지로 이동할 링크주소로 입력(예:htttp:/www.naver) 하시고 컨트롤+엔터를 눌러주세요.

그러면 swf 파일이 생성되실꺼에요.

 

swf 불러오는 소스 수정하기

swf을 불러올 곳에 하단의 소스를 입력합니다.

 <div id="divMenu" style="width:200px; height:197px; position:absolute; left:666px; top:220px; z-index:1;">
<!-- 여기에서 배너의 위치와 크기를 설정 하세요-->

 <p>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="150" height="171">
                <param name="movie" value="투명플래쉬배너.swf">
                <param name="play" value="true">
                <param name="loop" value="true">
                <param name="quality" value="high">
                <param name="wmode" value="transparent">
<embed width="150" height="171" src="투명플래쉬배너.swf" play="true" loop="true" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" wmode="transparent"></object></p>
</div>

 

<div id="divMenu" style="width:200px; height:197px; position:absolute; left:666px; top:220px; z-index:1;">
이부분은 배너와 크기를 설정하는 부분입니다.

width (플래쉬배너의 넓이)  height (플래쉬배너의 높이) left (웹상에서의 좌측으로부터의 배너위치) top (웹상에서의 위쪽에서부터의 배너위치)

마지막으로 투명플래쉬배너.swf가 위치한 웹상의 주소를 넣어주세요. (예: htttp:/www.naver/imges/투명플래쉬배너.swf)

웹에 올리는 파일은 영문으로 올려야 나중에 문제가 생기지 않습니다. 투명플래쉬배너는 영문으로 수정해서 올려주세요.

 

별거 아닌 소스이지만 또하나의 마케팅 전략으로 사용할수 있는 훌륭한 소스라고 생각됩니다. 

다운받으실때 아시죠?  밑에 덧글 또는 다음뷰 손가락 버턴 꾹 눌러주세요~~

 

 

투명플래쉬배너_소스.zip

 

 

 

 

이 글을 공유하기

댓글(14)

  • seven0245
    2012.04.03 16:08

    좋은 자료 잘 받아갑니다

  • 2012.04.03 16:18 신고

    도움되셨다니 다행이네요 ^^

  • mimong
    2012.04.10 18:07

    자료가 없다고 나오네요;;;ㅠ.ㅠ
    제가 지마켓 미니샵에 플래쉬를 넣었는데 이미지가 나오지 않아서요;;;ㅠ.ㅠ

  • 2012.04.11 11:05 신고

    포지션 부분을 absolute로 변경했습니다. 다시 다운받으셔서 하시면 보이실꺼에요. 그리고 <div id="divMenu" style="width:200px; height:197px; position:absolute; left:666px; top:220px; z-index:1;">

    이부분에서 left가 왼쪽 상단 끝부분이 0이라면 666px 지점에 보이라는건데요. 지마켓은 가운데 쯤이 300px입니다. 위치수정해주세요.

    그리고 현재 지마켓은 가격 가리는건 안되시네요. ㅜㅜ 지마켓에서 막은것같습니다. 상세페이지 내에서만 사용가능합니다.

  • mimong
    2012.04.11 12:35

    감사합니다~근데 써보니까 역시 지마켓 미니샵 메인에는 안나오네요;;ㅠ.ㅠ
    제가 소스를 <embed src="../img/MainFlash_1.swf" width="550" height="276"></embed>
    도 써보고
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="550" height="276">
    <param name="movie" value="../img/MainFlash_1.swf" />
    <param name="quality" value="high" />
    <embed src="../img/MainFlash_1.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="550" height="276"></embed>
    </object>

    이것도 써봤는데 아무것도 나오지 않아요;;;ㅠ.ㅠ

  • 2012.04.11 16:12 신고

    허...그러네요..지마켓 미니샵은 안되네요. 상세페이지 내에서만 사용가능할것같아요.. ^^

  • mimong
    2012.04.12 13:41

    에공;;;그래도 감사해요~~ㅎㅎㅎㅎ

  • 2012.04.12 14:42 신고

    ㅎㅎ 별루 도움 못된것같아서 죄송하네요~ ^^

  • 2012.07.28 11:48

    그것은 충분히 흥미있는 주제에 대한 유용한 정보와 양질의 기사를 읽는 기회를 가지고 훌륭합니다

  • 2012.08.09 16:49

    감사합니다,이 문서가 매우 좋다, 내가 좋아하는, 내가 공유에 감사드립니다. . .

  • 2013.09.09 17:51 신고

    웃.. 감사합니다.^^
    손가락 꾹누르고 구글도 꾹꾹... 눌렀습니다.^__^

Designed by JB FACTORY