묻고답하기
하이퍼링크 랜덤으로 2개 연결하는 방법?
2014.07.01 14:17
하이퍼링크 랜덤으로 2개 연결하는 방법?
<a href="http://주소.com/" target="_blank"><img src="http://이미지주소.com/image" alt="적고 싶은 말" height="150" width="180"></a>
위 같이 해놓으면 이미지주소를 클릭시 새창에서 http://주소.com/ 가 뜨는건 아실겁니다.
근데 제 질문은 이미지 주소 클릭시 하나의 주소만 연결되는것이 아니라
랜덤으로 2개의 링크가 열렸으면 좋겠는데.
어떻게 해야하나요?
댓글 24
-
몽실아빠
2014.07.01 14:56
-
geogeo123
2014.07.01 15:12
-
몽실아빠
2014.07.01 15:24
그걸 자유롭게 해주는게 애드서버입니다. 애드서버를 자체적으로 구축하기 어려우니 구글에서 무료로 제공하는 것을 이용하자는 취지 이지요.
바로가기를 클릭했을때 최종목적지 어디로든지 보낼 수 있습니다.
단순히 2가지의 링크주소를 말씀하셨는데 그보다 훨씬 많은 수의 링크를 미리 설정해 놓고 랜덤 혹은 운영자의 의도에 따라 노출 시킬 수 있습니다.
-
geogeo123
2014.07.01 15:31
그것말고는 단순하고 간단하고 <a href="http://xxx.com/" target="_blank"> 식으로 표현 방법은 없나요?
-
몽실아빠
2014.07.01 15:33
사실 제가 사용하는 애드서버가 더 편하실텐데요... 굳이 그렇게 원하신다면 슬라이드배너의 자료를 찾아보세요. 단 5개 ? 정도의 이미지와 링크만 가능할 겁니다.
-
geogeo123
2014.07.01 15:42
슬라이드 배너 정도도 크게 필요한것이 아니라...
메뉴에 사용할 아주 단순한것입니다..
여기서 메뉴라 함은... 여기 XE 홈페이지 바로 위에 보이시는바와 같이
XE About Get Involved Blog Download Support Showcase 이렇게 있잖습니까?
XE About Get Involved Blog Download Support Showcase NEW
여기서 NEW 라는 메뉴 하나만 더 추가해서 다음이나 네이버로 연결해주려할뿐입니다..
-
몽실아빠
2014.07.01 15:36
http://www.xpressengine.com/forum/21143701
위와 같은 자료를 설치하셔서 이미지는 동일하게 하셔서 5개를 만드세요. 그러면 아마 5개의 링크를 각각 따로 설정 하실 수 있습니다.
-
레드붓
2014.07.01 15:57
@geogeo123
아마도 php 배열로 넣어서 rand 함수로 돌려야 하지 않을까요? 너무 어렵게 접근했나?
$a[0] = 1번 링크주소
$a[1] = 2번 링크주소
rand(0,1) 해서 링크주소가 랜덤으로 0,1 둘중 하나로 나오게끔하면 될것같은데요 ㅡㅡ?
-
geogeo123
2014.07.01 16:02
그걸 몰라서 질문을 드린 거랍니다~~~
-
prologos
2014.07.01 16:12
<script type="text/javascript">function randomLink() {var links = [];links[0] = "http://www.naver.com";links[1] = "http://www.daum.net";links[2] = "http://www.xpressengine.com";var index = Math.floor(Math.random() * links.length);document.location.href = links[index];}</script>이정도로 자바스크립 구성하고 a tag에 onclick걸어서 사용하면 되겠네요 @.@ -
geogeo123
2014.07.01 16:14
와우
이겁니다!!!
정말 감사드립니다!!
-
geogeo123
2014.07.01 16:30
prologos 님 다름이 아니라
http://todsada124.bl.ee/xe/ 이곳이 제 사이트인데요메뉴에 별표시 가 된 부분을 눌러보시면 네이버로 향할것입니다.헌데 이 부분에 네이버, 다음이 랜덤으로 들어가게 해주고 싶은데말씀해주신 소스를 어디에 추가해줘야 할지 모르겠습니다.사이트 메뉴 편집에서 편집해주면.. URL 링크 입력하는곳이 한군데 밖에없고..상단 메뉴에 본인이 앞서 언급한 그런 기능을 두고 싶은데..어떻게 해야할지 도무지 모르겠습니다..방법좀 알려주시면 감사드리겠습니다. -
AJKJ
2014.07.01 16:18
php 방식으로 접근할수도 있고, javascript 방식으로 접근 할수도 있겠네요.
php로 접근하면, 페이지 로딩시마다 어떤 링크가 클릭될지 정해 질 수가 있고
javascript로 접근하면, 페이지 로딩시 또는 클릭할때마다 링크를 바꿔치기 할 수 있지요.
가장 간단한것은 javascript 방식입니다.
<a id="any_keyword" href="http://www.naver.com">Link</a>
jQuery(document).ready(function($) {
$("#any_keyword"){
var href_list = ['http://www.google.co.kr','http://www.daum.net']
var select = (window.Math.random()*100) % href_list.length;
select = window.Math.floor(select);
this.href = href_list[select]
}
})
코드를 테스트 해 보지는 않았지만, 이런식으로 하면 될것 같네요.
-
geogeo123
2014.07.01 16:31
<a id="any_keyword" href="http://www.naver.com">Link</a>
이 방식을 이용하여 네이버 혹은 다음이 랜덤으로 뜰수있게 할수있는 방법 없을까요?
-
AJKJ
2014.07.01 16:50
클릭때 마다 랜덤을 원하시는지, 아니면 페이지 로딩할때 랜덤 링크를 변환 하고자 하는지 정확히 알려주셔야 할것 같습니다.
클릭때 마다 랜덤을 원하시면 proglos 님이 말씀해주신 대로 onclick을 사용하셔야 할것 같습니다.
javascript를 통한 페이지 이동이 싫으시면 onclick 일때 href를 바꿔치기 하는 식으로 조금 변형할 수 있을것 같습니다.
-
geogeo123
2014.07.01 18:26
prologos 님 방식대로 하면... 소스 삽입을 못합니다..
http://todsada124.bl.ee/xe/ 이곳이 제 사이트인데요메뉴에 별표시 가 된 부분을 눌러보시면 네이버로 향할것입니다.헌데 이 부분에 네이버, 다음이 랜덤으로 들어가게 해주고 싶은데말씀해주신 소스를 어디에 추가해줘야 할지 모르겠습니다.사이트 메뉴 편집에서 편집해주면.. URL 링크 입력하는곳이 한군데 밖에없고..상단 메뉴에 본인이 앞서 언급한 그런 기능을 두고 싶은데..어떻게 해야할지 도무지 모르겠습니다..방법좀 알려주시면 감사드리겠습니다. -
AJKJ
2014.07.01 19:45
메뉴에 들어있으면 id를 건드리기 힘들지요. 약간 꼼수를 쓰면 될듯 합니다.메뉴 URL에는 적당한 random string을 입력하시고요.<a href ="random_string"></a>jQuery(document).ready(function($) {$( "a[href='http://www.naver.com/']" ) {var href_list = ['http://www.google.co.kr','http://www.daum.net']var select = (window.Math.random()*100) % href_list.length;select = window.Math.floor(select);this.href = href_list[select]}}) -
geogeo123
2014.07.01 20:42
ajkj 님 말씀은
메뉴 url 이동 경로를 <a href ="random_string"></a> 를 입력하고..
그 다음 아래를 입력하란 말씀맞으신가요?
jQuery(document).ready(function($) {$( "a[href='http://www.naver.com/']" ) {var href_list = ['http://www.google.co.kr','http://www.daum.net']var select = (window.Math.random()*100) % href_list.length;select = window.Math.floor(select);this.href = href_list[select]}})위 코드는 어디 파일에 입력해줘야 하나요?www 파일안에는 수많은 파일들이 있어서 잘 모르겠습니다.. -
AJKJ
2014.07.01 21:26
메뉴 url 이동 경로를 <a href ="aspdf9uy32p98sdif39rjsddifojsdafopi"></a> 이렇게 하고
다음을 header에 추가합니다.
jQuery(document).ready(function($) {$( "a[href='aspdf9uy32p98sdif39rjsddifojsdafopi']" ) {var href_list = ['http://www.google.co.kr','http://www.daum.net']var select = (window.Math.random()*100) % href_list.length;select = window.Math.floor(select);this.href = href_list[select]}})레이아웃 설정에서 header에 추가가 가능합니다. -
geogeo123
2014.07.02 03:30
말씀대로 하니...
http://todsada124.bl.ee/xe/
이렇게 되버렸습니다..
봐주시면 감사드리겠습니다.
-
geogeo123
2014.07.02 03:31
메뉴가 아예 사라짐..
-
AJKJ
2014.07.02 09:22
잘못 집어넣으셨습니다.
코드는 script tag를 포함하여
<script>
jQuery(document).ready(function($) {$( "a[href='aspdf9uy32p98sdif39rjsddifojsdafopi']" ) {var href_list = ['http://www.google.co.kr','http://www.daum.net']var select = (window.Math.random()*100) % href_list.length;select = window.Math.floor(select);this.href = href_list[select]}})</script>형태로 집어 넣으셔야 합니다.그리고 메뉴에서 별별별별별(별이 금지문자네요) 의 URL 칸에다가<a href ="aspdf9uy32p98sdif39rjsddifojsdafopi"></a> 을 그대로 집어 넣으시지 마시고aspdf9uy32p98sdif39rjsddifojsdafopi 만 집어 넣으셔야 합니다. -
geogeo123
2014.07.02 14:39
위에 말씀대로 했으나.. URL 링크에 aspdf9uy32p98sdif39rjsddifojsdafopi 만 집어넣었더니
링크 주소가 # 샾으로 바뀝니다...
-
AJKJ
2014.07.02 15:57
http://www.xpressengine.com/webmasters/22760263
요걸 뚫는게 장기적으로 봤을때 좋을지도 모르겠네요.
전 요즘 광고용 이미지 만드느라 정신없네요 ㅋ 저희 사이트에 랜덤으로 나오고 있는 광고들이 저기 구글을 이용한거에요.
2개가 아니라 수백개도 가능합니다.