채택완료

이런 창은 어떻게 띄우나요?

2024-07-02 (화) 00:17:44 23,884

모바일 인터넷으로 아래 유튜브 공유 버튼 누르면

1995116123_1719846962.8635.jpg

아래와 같은 창이 뜨는데요.

1995116123_1719846989.8183.jpg

위와 같은 창이 뜨게 하려면 버튼을 어떻게 만들어야할까요?

아무리 찾아봐도 관련 글이나 팁 같은 게 안 보여서요ㅠㅠ

그누보드 기본 SNS 공유 버튼 말고

갤럭시 폰에서 나오는 저런 공유창 만드는 법을 알고 싶은데 관련 글이나 팁 같은 게 안 보여서요ㅠㅠ

방향성이나 힌트라도 주시면 감사합니다 ㅠㅠ

|

답변 2개 / 댓글 4개

채택된 답변
+20 포인트

참고하세요. 디버깅은 안했습니다.

Copy
<a href="#" onclick="share_page('페이지제목','https://주소');" >공유</a>

 

<script>

function share_page(val1, val2) {

                if(navigator.share){

                        navigator.share({

                        title: val1,

                        url: val2

                        }).then(() => {

                            console.log('sharing success');

                        })

                        .catch(console.error);

                }else{

                    var t = document.createElement("textarea");

                    document.body.appendChild(t);

                    t.value = val2;

                    t.select();

                    document.execCommand('copy');

                    document.body.removeChild(t);

                    alert('주소가 클립보드에 복사되었습니다.');

                    console.log('copy success');

                }          

         }

</script>

답변에 대한 댓글 1개

와우 정말 감사합니다!! 잘 되네요! 말씀해주신 코드로 수정 보완해서 적용해보겠습니다. 정말 감사합니다!!
2024-07-02 (화) 00:20:25

그니까 링크 공유를 원하는거에요?

답변에 대한 댓글 3개

넵 링크 공유 맞는데 갤럭시에서 나오는 저런 공유창을 띄우는 방법을 알고 싶어서요 ㅠㅠ
넵 감사합니다 리오닥터님!!

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