내가 원하는 기능들을 직접 구현하기에는 HTML만으로는 불가능하다. 데이터베이스를 활용해서 백엔드의 기술로 구현해한다. 그마저도 여러가지 예외상황들을 추가해야 하기 때문에 직접 구현하기 힘들다.
채팅, 댓글, 방문자분석 같은 웹사이트에서 많이 사용하는 기능들은 이미 만들어 놓은 것들을 가져다가 문서에 포함시키면 된다.
그외의 기능들도 이미 다른 개발자들이 만들어서 무료소스로 공유하고 있는 것들이 많으니 검색해서 활용 하도록 하자.
동영상 삽입
유튜브 동영상 삽입하는 2가지 방법
1. 원하는 유튜브 영상화면 우클릭 - 소스코드 복사 - 원하는 곳에 붙여넣기
2. 유튜브 영상 화면 밑부분 공유하기 클릭 - 퍼가기 클릭 - 소스코드 복사 - 원하는 곳에 붙여넣기
댓글 기능 추가
- DISQUS에서 댓글 기능 추가하기
https://disqus.com/
disqus.com
1. 회원가입 후 로그인 - I want to install Disqus on my site 클릭 - 웹사이트 이름 입력, 카테고리 선택, 언어 선택 후 Create Site 클릭
2. Basic 선택 (무료로 제공 되는 버전은 광고가 같이 뜬다.) - ~~Univeral code 클릭(이용하는 사이트가 위에 없을시)
3. 소스코드 복사 후 원하는 곳에 붙여넣기
4.이미 만들어 놓은 소스코드 보는 법
your sites에서 원하는 사이트이름 클릭
채팅 기능 추가
- tawk에서 채팅 기능 추가하기
100% FREE Live Chat Software, Ticketing & Knowledge Base! - www.tawk.to
tawk.to is 100% free live chat software to monitor and chat with visitors on your website or from a free customizable page.
www.tawk.to
1. 채팅기능 추가하기
로그인 - 1. 맨밑아이콘(Add-ons) 클릭 - 2. Chat Widget 클릭 - 3. Widget code에서 소스코드 복사 - 원하는곳 붙여넣기
2. 사용자가 보낸 채팅 관리하기
채팅 온 사람 정보 : 2번째 아이콘(monitoring) - 목록 클릭 - 채팅화면으로 넘어감
채팅 화면 : 3번째 아이콘(Active Chats)
웹사이트 방문자 분석기
- 웹사트의 방문자 수, 방문자들의 경로와 이동 등의 방문자 정보를 분석해서 제공 해주는 서비스들이 있다.
- 구글 analytics에서 방문자 분석하기
https://analytics.google.com/analytics/web/provision/#/provision
Redirecting...
analytics.google.com
회원가입 - 1. 설정 - 2. 데이터 스트림 - 목록클릭 / 목록 추가 하고 싶으면 3. 스트림추가
전체 사이트 태그 에서 소스코드 복사 (분석 원하는 페이지 <head>코드에 붙여넣기
'프로그래밍언어 > HTML' 카테고리의 다른 글
| [HTML] KIC campus 수강 내용 정리 (0) | 2021.08.31 |
|---|---|
| [HTML] HTML 태그 정리 (0) | 2020.11.18 |
| [HTML] <meta> 태그의 속성들 (0) | 2020.11.14 |
| [HTML] 링크달기 <a>태그로 웹사이트 만들기 (0) | 2020.11.12 |
| [HTML] 부모-자식 태그와 문서구조 (0) | 2020.11.11 |
