작업실

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

컨텐츠 정보

본문

 

 

예전에 반짝 인기 있었던 텔레그램으로 웹페이지의 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에서 버튼을 눌렀을 때는 위와 같은 팝업창이 뜨면서 텔레그램으로 바로 연결됩니다.

 

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

 

 

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

 

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

관련자료

댓글 0
등록된 댓글이 없습니다.
Total 157 / 6 Page
RSS
미소 베이직 4.0 테마로 작업 완료했습니다. 댓글 4

기존 테마는 미소 베이직 3.0이었습니다.하지만 오늘 미소 베이직 4.0이 나오면서 바로 갈아탔습니다. ㅎㅎ예전에 10월 초에 나온다고 들었었는…

그누보드5에 이모지 이모티콘 사용하기 (MariaDB, MySQL, utf8mb4)

1. Emoji 이모지 문자열 이모티콘이란?에모지(絵文字, Emoji; 한국 한자: 회문자)는 일본의 휴대 전화 단문 메시지(SMS)에서 사용하…

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

예전에 반짝 인기 있었던 텔레그램으로 웹페이지의 URL을 보내는 버튼을추가하는 방법입니다.그누보드5 순정은 http://sir.kr/g5_tip…

Nginx에서 모든 요청을 https non-www로 돌리는 방법 두번째

한달 전 쯤에 링크1에 올린 글처럼 작성했었습니다.링크2에서 더 좋아보이는(?) 듯한 방법이 있어, 현재 제 홈페이지도 이렇게 적용했습니다.1.…

그누보드5 내용스킨 본문 폰트크기 변경하기

요새와서 홈페이지를 만지다보니 내용스킨의 글자 폰트 크기가 너무 작은 것을 느꼈습니다.네이버나 다음, 다른 워드프레스 홈페이지보다 훨씬 작더라구…

그누보드5 X Nginx FastCGI Cache

지난 10월 22일부터 여기 홈페이지에 적용했습니다만 장점보다 단점이 많아서 잠시 중단 중입니다.현재는 테스트 사이트에만 적용하고 있습니다. (…

최근글


새댓글


알림 0