웹페이지에 동영상 삽입해 넣기
이미 만들어진 코드를 가지고 와서 웹페이지에 즉시 반영할 수 있습니다. 우선 현시점에 가장 강력한 동영상 기반 플랫폼 유튜브에 접속합니다. 특정 영상을 하나 선택합니다. 영상의 좋아요 버튼 옆에 공유 버튼을 클릭합니다. "퍼가기"를 클릭합니다. <iframe> </iframe> 아이프레임 태그를 확인할 수 있습니다. 태그를 복사해서 내 웹페이지의 html 문서에 붙여 넣습니다. 해당 태그를 <p> </p> 태그로 묶어 문단으로 쉽게 관리할 수 있습니다.
방문자가 댓글을 작성할 수 있는 기능 추가하기
DISQUS, LiveRe 등의 사이트를 사용할 수 있습니다. DISQUS에 로그인 후 Your sites 메뉴의 +New를 클릭합니다. 웹사이트의 이름을 작성하고 카테고리를 지정합니다. Creat Site를 클릭합니다. 다양한 플랫폼마다 최적화된 댓글 도구를 볼 수 있고, 가장 아래 I don't see my platform listed, install manually with Universal code를 클릭합니다. 댓글 기능을 위해 만든 코드를 확인할 수 있습니다. 태그를 전체 선택합니다.
댓글창이 떠 있으면 좋겠다고 생각하는 내 html 문서에 모두 삽입합니다. 이 댓글 도구를 직접 만드는 것은 매우 어려운 일입니다. 그러나 이와 같이 코드를 가져와서 편리하게 사용할 수 있습니다. 댓글 기능뿐 아니라, 실시간 채팅 서비스를 추가할 수 있습니다. talk.to와 같은 사이트가 있습니다.
웹사이트 방문자 추적 및 분석하는 구글 애널리틱스 기능 추가하기
웹사이트 방문자를 추적하고 분석하는 강력한 도구로 구글 애널리틱스가 있습니다. 우선 구글 애널리틱스 사이트에 로그인합니다. Setting up your porperty를 통해 분석하고자 하는 웹페이지의 내용을 작성합니다. Website Name 에는 웹페이지 이름을 적으면 됩니다. Website URL 에는 http:// 부분 이후의 웹페이지 주소를 작성합니다. Industry Category 에는 내 웹사이트가 속하게 될 분야를 지정해줍니다. 데이터가 쌓이면 설정해놓은 분야의 데이터와 내 웹사이트의 데이터를 비교하여 새로운 관점을 얻을 수도 있습니다. Reporting Time Zone은 거주하고 있는 국가를 선택합니다. 하단의 체크박스 부분은 넘어갑니다. 가장 아래 Get Tracking ID라고 적힌 하늘색 상자 버튼을 클릭합니다. 약관이 나오는 부분에 국가를 선택합니다. South Korea로 하겠습니다. I Accept를 클릭하면 내 정보가 반영된 새로운 페이지가 생성됩니다.
왼쪽 메뉴에서 Tracking Code를 선택하면 오른쪽 본문에 Global Site Tag (gtag.js)를 볼 수 있습니다. <!--Global site tag (gtag.js) - Google Analytics-->로 시작하는 태그를 전체 복사합니다. 이 태그는 내 웹페이지의 html 코드 중 <head> </head> 태그에 포함되도록 붙여 넣습니다. 웹페이지 하나에 대표로 태그를 삽입하는 것이 아니라, 분석이 필요한 웹페이지마다 각각 태그를 삽입해야 합니다.
태그 삽입 후 웹페이지 주소를 웹브라우저에 입력한 후 새로고침을 합니다. 다시 구글 애널리틱스로 돌아와서 왼쪽 Reports 메뉴에 REAL-TIME, Overview 등을 통해 data를 확인할 수 있습니다. 왼쪽 메뉴에 잠재고객 AUDIENCE 부분은 내 웹페이지에 방문하는 사람들의 인구통계학적인 정보를 확인할 수 있습니다.
'코딩' 카테고리의 다른 글
| CSS 속성 property 텍스트 서식 적용하기 (0) | 2020.08.28 |
|---|---|
| html CSS 스타일 style 태그, 선택자 selector, 선언 declaration, 속성 property, 값 value 개념 (0) | 2020.08.27 |
| Web1 , Web2 html 문법과 기타 유용한 태그 (0) | 2020.08.27 |
| internet 인터넷과 web 웹 (0) | 2020.08.26 |
| 웹페이지 html 링크 연결하여 간단한 홈페이지 만들기 (0) | 2020.08.23 |
댓글