팁/튜토리얼

텔레그램으로의 링크 공유

윤삼
2015.12.30 12:38
2,548
0
10

게시판 스킨 소스파일 적당한 곳에 요렇게 달아주면 됩니다. ㅎㅎ

 

<a href="tg://msg?text={htmlspecialchars($oDocument->getTitleText())}%0D%0A{$oDocument->getPermanentUrl()}" title="To Telegram">Telegram</a>

 

- 현재 저렇게 사용하고 있는 중인데, htmlspecialchars은 왜때문에 달아놨던 건지는 잘 기억이 안 나네요;;;

- 개인적으로 스케치북 게시판 스킨을 사용하는데, 이용자들의 핀터레스트 수요가 거의 없어서 핀터레스트 버튼 대신 텔레그램 버튼으로 바꿔서 쓰고 있습니다. 혹시 도움이 될까 싶어 이미지 파일도 첨부해봅니다. 스케치북 스킨에 있는 img 폴더에 넣고 쓰시면 됩니다.

 

아참, 메타태그를 활용하시면 텔레그램 서버에서 자동으로 읽어들이기 때문에 더 예쁘고 상세한 링크 공유도 가능해요. 가령, 이런 거요.

<meta property="og:site_name" content="사이트 이름" />
<meta property="og:title" content="{$mi->title} ::: {htmlspecialchars($sns_title)}" /> <!--//스케치북 게시판에서 별도로 지정한 변수로 mid 제목과 문서 제목을 의미합니다.-->
<meta property="og:type" content="website" />
<meta property="og:url" content="{$oDocument->getPermanentUrl()}" />
<meta property="og:description" content="{htmlspecialchars($oDocument->getSummary(150))}" /> <!--// 괄호 안의 숫자는 공유되는 본문 글자 수를 의미합니다.-->

<meta property="og:image" content="{$oDocument->getThumbnail()}" />

목록
윤삼 Lv. 19
아무래도 중급 초반 수준의 코딩 오타쿠인 것 같습니다.

댓글 10

  • GG
    2015.12.30 12:42 #131440
    스케치북은 제목에 html 넣나요?
    추천 0
  • 윤삼
    2015.12.30 12:46 #131450
    그러게요;;; 제가 저걸 왜 넣었는지 잘 기억이 안나네요.
    어렴풋한 기억엔 꺽쇠< > 들어간 글 제목이 잘 안 떠서 저렇게 했던 거 같아요.
    추천 0
  • 신신신이
    2015.12.30 12:44 #131446
    와~ 감사드려요! 사이트에 적용해봐야겠어요~
    추천 0
  • 윤삼
    2015.12.30 12:48 #131454
    네, 한번 해보세요.
    저도 아이폰이랑 안드로이드폰 몇 개에서만 해봐가지고, 태블릿을 비롯한 다른 기기들에서도 잘 되는지는 잘 모르겠거든요.
    텔레그램 PC버전도 안 해봤어요 으흐흐흐
    추천 0
  • 신신신이
    2015.12.30 13:09 #131515
    텔레그램이 그래도 안드 아이폰 다 되니까 다행이에요~~^^
    추천 0
  • 불금
    2015.12.30 12:57 #131479
    htmlspecialchars은 해당 값에 html 태그가 불러지면 안되서 넣은거 아닌가요 ~~
    추천 0
  • 윤삼
    2015.12.30 13:01 #131493
    글 제목에 꺽쇠 < > 가 있으면 꺽쇠 사이에 있는 문자를 불러오지 못했던 거 같아요. 그렇지 않나요?
    필요없는 거 같으면 그냥 빼고 쓰셔도 됩니다~
    추천 0
  • 불금
    2015.12.30 13:04 #131497
    제가 보기에는 게시물 제목에 색이 들어가면 <span color ~~ 처리되기 때문에 있는게 나을거 같네요 :)
    추천 0
  • 보고하비
    2015.12.30 22:16 #131941

    버튼 다는건 성공했는데요.. 버튼을 누르면 여전히 핀터레스트로 이동하는데요 링크는 어떻게 해줘야지 연결이 될까요?

    추천 0
  • 윤삼
    2015.12.31 00:46 #132008

    스케치북 게시판 쓰시는 거죠?

    1. 큰 아이콘을 쓰는 경우
    저는 _read.html파일에서 핀터레스트 부분을
    <a class="pinterest bubble" href="#" data-type="pinterest" title="To Pinterest"><b class="ico_sns pinterest">Pinterest</b></a>
    이렇게 바꿔줬습니다.
    그리고 일단은 모바일에서만 사용 가능하도록 라인(Line)의 바로 아랫줄에 달았지요.
    <a class="line" href="line://msg/text/?{$sns_title}%0D%0A{$sns_link}"><b class="ico_sns line">Line</b></a>
    <a class="pinterest bubble" href="tg://msg?text={htmlspecialchars($sns_title)}%0D%0A{$oDocument->getPermanentUrl()}" title="To Telegram"><b class="ico_sns pinterest">Telegram</b></a>

    2. 작은 아이콘을 쓰는 경우
    마찬가지로 핀터레스트 부분을 수정해주면 됩니다. 우선 _read_sns.html 파일을 열고
    <a class="{$mi->to_sns_small}" href="#" data-type="pinterest" title="To Pinterest"><i class="ico_sns16 pinterest"></i><strong> Pinterest</strong></a>
    이 부분을
    <a class="{$mi->to_sns_small}" href="tg://msg?text={htmlspecialchars($sns_title)}%0D%0A{$oDocument->getPermanentUrl()}" title="To Telegram"><i class="ico_sns16 pinterest"></i><strong> Telegram</strong></a>
    이렇게 바꿔줍니다. 아이콘 위치는 선호하시는 대로 배열하시면 되겠죠?

    ... 대강 이렇게 하면 크게 손대지 않고 텔레그램 링크 공유 기능을 활성화시킬 수 있습니다.

    추천 1
1 2 3 4 5