테스트 사이트 - 개발 중인 베타 버전입니다

버튼 누르면 지정한 링크로 이동? 리디렉션 문의

민교 1년 전 조회 1,916

커뮤니티를 제작하고 있습니다.

 

회원가입 버튼, 게시글 등 사이트에 보이는 모든 문구나 버튼을 클릭했을때 

 

제가 원하는 링크로 전부 보내고 싶은데, 어떻게 해야하나요?

댓글을 작성하려면 로그인이 필요합니다.

답변 6개

C
1년 전
<!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>
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

질문의 내용만으로 답변을 드리자면 다음과 같이 해 볼 수 있을 것 같습니다.

 

사이트의 모든 문구나 버튼을 클릭했을 때 특정 링크로 전송하려면 웹사이트의 전반적인 동작을 수정해야 하며, 이는 각 요소에 이벤트 핸들러를 추가하는 것과 관련이 있습니다. 다만, 이렇게 전체적인 동작을 변경하려면 해당 사이트의 소스 코드에 직접 접근하여 수정해야 하고, 이는 해당 웹사이트의 정책에 따라 허용되지 않을 수 있습니다.

 

만약 여러 웹페이지에 적용하려면 브라우저 확장 프로그램이나 유저 스크립트를 활용할 수 있습니다. Tampermonkey라는 유저 스크립트 매니저를 사용하여 적용할 수 있습니다.

 

Tampermonkey 설치: 먼저 브라우저에 Tampermonkey를 설치함. 

 

새로운 스크립트 생성: Tampermonkey 아이콘을 클릭하고 "새 스크립트"를 선택.

 

스크립트 작성

</p>

<p>// ==UserScript==

// @name         Redirect All Links

// @namespace    <a href="http://tampermonkey.net/" target="_blank" rel="noopener noreferrer">http://tampermonkey.net/</a>

// @version      0.1

// @description  Redirect all links to a specified URL

// @author       You

// @match        *://*/*

// @grant        none

// ==/UserScript==</p>

<p>(function() {

    'use strict';</p>

<p>    // 페이지의 모든 링크에 대해 작업합니다.

    document.querySelectorAll('a').forEach(function(link) {

        link.addEventListener('click', function(event) {

            // 기본 동작을 막습니다.

            event.preventDefault();

            

            // 원하는 링크로 리다이렉트합니다.

            window.location.href = '<a href="http://example.com';" target="_blank" rel="noopener noreferrer">http://example.com';</a>

        });

    });

})();

 

위 코드를 참고하셔서 원하시는 형식으로 구현하시면 되지 않을까 합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
1년 전
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

html 의 기초중의 기초인 a 태그부터 공부해보세요.

https://ofcourse.kr/html-course/a-%ED%83%9C%EA%B7%B8

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

VampireHost
1년 전

질문을 이해하기가 조금 힘드네요

"회원가입" 시도 후 이동인지 아니면 완료 후 이동인지

게시글 또한 모든 문구라고 하시는데....게시글의 문구가 개인마다 다 다르고 스킨도 모두 다른걸 사용 하실거라 어떠한 문구인지 모르겟네요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

전부 보낸다는뜻이??

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인