오픈마켓 새창띄우기

오픈마켓 외부링크 차단, HTML, 새창띄우기, 상세페이지, 아이프레임, 팝업

RYU™ 2011. 11. 15. 17:12
반응형


 



외부링크가 차단된 오픈마켓에서 새창띄우기

 

새창띄우기는 보통 제품이 많아서 소비자들에게 좀더 효율적으로 보여주기 위한 방법입니다. 예를들어 30개의 제품이 있는데 이 30개 제품의 상세페이지를 그대로 나열한다면 소비자들은 무한로딩에 인내심을 테스트해야 되고 컴퓨터 사양이 낮으면 페이지가 열리다가 멈추는 지경까지 오게됩니다.;;

당연히 페이지는 버벅이게되고 소비자는 창을 닫거나 뒤로가기 버튼을 누르겠죠..

그래서 대략적인 상품정보는 보여주되 좀더 자세한 상품정보는 클릭하면 볼 수 있게 만들면 판매자 입장에서는 트래픽이 적게 먹어 좋고 소비자는 좀더 쾌적하게 쇼핑을 즐길 수 있어 좋습니다.



그냥 새창띄우기는 간단합니다.
아래와 같이 이미지에 링크 속성을 "_blank"로 주면 됩니다.

<a href="제품.html" target="_blank"><img src="제품이미지주소.jpg" border="0"></a>


여기서 "제품이미지주소.jpg"가 소비자들에게 처음으로 보여지는 이미지고, 클릭하면 나타나는 페이지가 새창인 "제품.html"입니다.





이걸 설명하려고 한건 아니구요.

이 새창띄우기 소스를 그냥 지마켓이나 옥션에 넣는다면 새창을 띄울 수 없습니다.
전에는 가능했는데 지금은 되지 않습니다.
왜냐면 옥션,G마켓에서 외부로 나가는 링크는 모두 차단을 했기 때문이죠.
예를들어 소비자가 옥션에서 구매를 해야되는데 링크를 타고 판매자 쇼핑몰에서 구매를 한다면?! 옥션 입장에서는 반가운일이 아닐겁니다.
그래서 외부링크를 차단한게 아닐까 조심히 추측해 봅니다.



그렇다면 다른 판매자들처럼 새창을 띄우고 싶다면??..



아이프레임(iframe)을 사용하면 됩니다.
위에서 설명한 새칭띄우기 소스를 아이프레임 소스에 넣은뒤 이걸 오픈마켓에 등록하면 새창띄우기가 가능합니다. 왜냐면 아이프레임 안에 있는 소스는 옥션이나 지마켓에서 제어를 못하기 때문이죠.


아이프레임은 또다른 공간입니다.




아이프레임이란?
내부 프레임(inline frame)이라는 의미로 하나의 HTML문서 내에서 다른 HTML문서를 보여주고자 할때 사용합니다. 아프레임에 대한 좀더 자세한 정보는 아래(더보기)를 클릭해주세요!



새창띄우기소스

<a href="제품.html" target="_blank"><img src="제품이미지주소.jpg" border="0"></a>


위에서 설명한 새창띄우기 소스입니다.

예를들어 이 소스를 "페이지.html"로 저장했고 폭이 "800" 높이가 "1500"입니다.
이 "페이지.html"을 FTP로 계정에 업로드한뒤 아이프레임에서 보여지게끔 페이지 주소, 폭, 높이등을 아이프레임 소스에 넣어줍니다.





아이프레임소스

<iframe src="페이지.html" frameborder="0" width="800" height="1500" marginwidth="0" marginheight="0" scrolling="yes">


이렇게 하면 아이프레임을 이용한 새창띄우기가 가능하게 됩니다.
참고로 마우스를 갖다대면 이미지가 변경되는건 이미지 롤오버를 사용하면 됩니다.




[새창띄우기 기초] 오픈마켓 정말 간단한 롤오버 이미지 만들기
[새창띄우기 기초] 오픈마켓 나모웹에디터를 이용한 롤오버 이미지 만들기
[새창띄우기 기초] 오픈마켓 옥션,G마켓,11번가 아이프레임(iframe) 높이(세로) 자동조절
[새창띄우기 기초] 자바스크립트를 이용한 오픈마켓 html 새창띄우기(window.open) 1탄
[새창띄우기 기초] 자바스크립트를 이용한 오픈마켓 html 새창띄우기(window.open) 2탄
반응형