텔레그램 공유하기 버튼 추가

예전에 반짝 인기 있었던 텔레그램으로 웹페이지의 URL을 보내는 버튼을

추가하는 방법입니다.

그누보드5 순정은 http://sir.kr/g5_tip/4678 여기를 참조하시면 됩니다.

저는 아미나빌더를 사용하고 있어, 수정하는 방법이 약간 차이가 있습니다.

1. 텔레그램 아이콘 설치

https://telegram.org/ 

아이콘은 위 링크의 텔레그램 홈페이지 메인에서 받으셔도 되고, 

이 게시물의 첨부파일에 있는 zip 파일을 받으셔서 설치하셔도 됩니다.

2. /bbs/sns_send.php 파일 수정

대략 25번째 줄에 

case 'telegram' :

header("Location:https://telegram.me/share/url?url=".$short_url."&text=".$title);

break;

위 내용을 삽입해줍니다. 

3. /lib/apms.lib.php 파일 수정

대략 4053번째 줄에

case 'telegram':

$telegram_url = $sns_send.'&sns=telegram';

$str = 'apms_sns(\'telegram\',\''.$telegram_url.'\'); return false;';

if($img) $str = '<a href="'.$telegram_url.'" onclick="'.$str.'" target="_blank"><img src="'.$img.'" alt="Telegram"></a>';

break;

위 내용을 삽입해줍니다. 

위 내용을 삽입 후 대략 4118번째 줄에

$sns[] = array('telegram', 'telegram', 'Telegram');

위 내용을 삽입해줍니다. 

4. /plugin/sns/view.sns.skin.php

대략 20번째 줄에

$telegram_url = $sns_send.'&amp;sns=telegram';

위 내용을 삽입해줍니다. 

대략 48번째 줄에

<li><a href="<?php echo $telegram_url; ?>" onclick="apms_sns('telegram','<?php echo $telegram_url; ?>'); return false;" target="_blank"><img src="<?php echo G5_SNS_URL; ?>/icon/telegram.png" alt="텔레그램으로 보내기"></a></li>

위 내용을 삽입해줍니다. 

5. /js/apms.js

대략 466번째 줄에

case 'telegram' : window.open(url, "win_telegram", "menubar=0,resizable=1,width=540,height=600"); break;

위 내용을 삽입해줍니다. 

6. 홈페이지 주소가 HTTPS로 시작할 경우 (옵션)

/skin/board/Basic-Board/view/basic/view.sns.skin.php

대략 165번째 줄에

echo apms_sns_share_icon('http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'], $view['subject'], $seometa['img']['src']);

위 내용을 

echo apms_sns_share_icon('https://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'], $view['subject'], $seometa['img']['src']);

위와 같이 바꿔주면 https로 공유하기 URL이 들어갑니다. 

7. 미소테마 메인에 공유하기 버튼 추가하기 (옵션)

/thema/Miso-Basic/assets/img/telegram.png

위 경로와 같이 텔레그램 아이콘 파일을 넣어준 후

/thema/Miso-Basic/assets/thema.php

대략 53번째 줄에

$sns_share_icon .= get_sns_share_link('telegram', $sns_share_url, $sns_share_title, $sns_share_img.'/telegram.png').PHP_EOL;

위 내용을 삽입해줍니다.

그러면 메인에 텔레그램 공유하기 버튼이 추가됩니다.

8. 적용 후 버튼을 눌렀을 때

PC에서 버튼을 눌렀을 때는 위와 같은 팝업창이 뜨면서 텔레그램으로 바로 연결됩니다.

수신자만 지정해주면 바로 텔레그램 메세지에 내용이 들어가게 되고, 메타태그에 따라 제목, 내용, 이미지 썸네일이 들어갑니다.

모바일에서는 텔레그램으로 바로 연결되며, 아쉽게도 이미지 썸네일 및 내용이 나오지 않습니다.

이건 확인해본 결과 원래 그런 것 같더라구요.