본문 바로가기
  • 실행력이 모든걸 결정한다
Frontend/HTML

웹페이지에 소셜 기능 추가하기

by 김코더 김주역 2020. 8. 5.
반응형

웹페이지에 영상,댓글 기능을 추가하면 웹의 질이 훨씬 높아진다

복잡한 과정은 아니니 따로 그림은 첨부하지 않겠다.

 

1. 영상

유튜브, 네이버 플레이어의 공유나 퍼가기 기능을 잘 찾아보면 <iframe> 태그로 싸여있는 소스를 발견하게 될 것이다.

이것을 복사하여 HTML 의 <body> 태그안에 원하는 위치에 넣자.

 

2. 댓글

Disqus 사이트나 Live Re 사이트를 이용하자

본인은 Disqus 사이트를 이용했다.

사이트에 들어가자마자 Get started 버튼을 클릭하고 'I want to install Disqus on my site' 를 눌러서

로그인하고 요금제를 결정한다.

 

그 다음은 플랫폼을 고를 차례인데

개인 프로젝트에 따라 알맞게 골라주고

자신이 생각하는 플랫폼이 목록에 없거나 단순히 댓글 기능을 추가하는거면 맨 아래에

'I don't see my platform listed, install manually with Universal Code' 를 고르자

 

이 과정이 끝났으면 <div> 태그로 싸여있는 소스를 복사하여

마찬가지로 <body> 태그안에 원하는 위치에 넣자.

 

(+ 3. 채팅)

사용자와 운영자와의 채팅에 해당된다.

tawk.to 에 들어가서 로그인을 한다.

좌측 메뉴 맨 아래에서 관리기능을 누르면 나오는 위젯코드를 마찬가지로 복사하여 <body> 태그에 붙여넣는다.

클라이언트와의 소통은 좌측 위에서 2번째 게이지 모양의 Dashboard에서 할 수 있다.

 

사용자끼리의 채팅은 데이터베이스를 이용하여 구현 할 수 있다.

 

반응형

'Frontend > HTML' 카테고리의 다른 글

테이블을 HTML 코드로 변환해주는 사이트  (0) 2022.02.02
HTML 태그 빈도 통계  (0) 2020.08.03

댓글