이런 창은 어떻게 띄우나요? 채택완료

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

1995116123_1719846962.8635.jpg

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

1995116123_1719846989.8183.jpg

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

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

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

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

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

답변 2개

채택된 답변
+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개

와우 정말 감사합니다!! 잘 되네요! 말씀해주신 코드로 수정 보완해서 적용해보겠습니다. 정말 감사합니다!!

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

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

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

답변에 대한 댓글 3개

넵 링크 공유 맞는데 갤럭시에서 나오는 저런 공유창을 띄우는 방법을 알고 싶어서요 ㅠㅠ
https://2dowon.github.io/docs/javascript/share-by-sns/ 참고해보세요
넵 감사합니다 리오닥터님!!

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

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

로그인
🐛 버그신고