버튼 누르면 지정한 링크로 이동? 리디렉션 문의
본문
커뮤니티를 제작하고 있습니다.
회원가입 버튼, 게시글 등 사이트에 보이는 모든 문구나 버튼을 클릭했을때
제가 원하는 링크로 전부 보내고 싶은데, 어떻게 해야하나요?
답변 6
전부 보낸다는뜻이??
질문을 이해하기가 조금 힘드네요
"회원가입" 시도 후 이동인지 아니면 완료 후 이동인지
게시글 또한 모든 문구라고 하시는데....게시글의 문구가 개인마다 다 다르고 스킨도 모두 다른걸 사용 하실거라 어떠한 문구인지 모르겟네요
질문의 내용만으로 답변을 드리자면 다음과 같이 해 볼 수 있을 것 같습니다.
사이트의 모든 문구나 버튼을 클릭했을 때 특정 링크로 전송하려면 웹사이트의 전반적인 동작을 수정해야 하며, 이는 각 요소에 이벤트 핸들러를 추가하는 것과 관련이 있습니다. 다만, 이렇게 전체적인 동작을 변경하려면 해당 사이트의 소스 코드에 직접 접근하여 수정해야 하고, 이는 해당 웹사이트의 정책에 따라 허용되지 않을 수 있습니다.
만약 여러 웹페이지에 적용하려면 브라우저 확장 프로그램이나 유저 스크립트를 활용할 수 있습니다. Tampermonkey라는 유저 스크립트 매니저를 사용하여 적용할 수 있습니다.
Tampermonkey 설치: 먼저 브라우저에 Tampermonkey를 설치함.
새로운 스크립트 생성: Tampermonkey 아이콘을 클릭하고 "새 스크립트"를 선택.
스크립트 작성
// ==UserScript==
// @name Redirect All Links
// @namespace http://tampermonkey.net/
// @version 0.1
// @description Redirect all links to a specified URL
// @author You
// @match *://*/*
// @grant none
// ==/UserScript==
(function() {
'use strict';
// 페이지의 모든 링크에 대해 작업합니다.
document.querySelectorAll('a').forEach(function(link) {
link.addEventListener('click', function(event) {
// 기본 동작을 막습니다.
event.preventDefault();
// 원하는 링크로 리다이렉트합니다.
window.location.href = 'http://example.com';
});
});
})();
위 코드를 참고하셔서 원하시는 형식으로 구현하시면 되지 않을까 합니다.
<!doctype html>
<html lang="ko">
<head>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
</head>
<body>
<button>버튼</button>
<p>텍스트</p>
<script>
$("html").on("click", function (){
window.location.href="https://www.naver.com";
});
</script>
</body>
</html>
답변을 작성하시기 전에 로그인 해주세요.