-
영상 태그
<iframe> </iframe>예시<iframe width="560" height="315" src="https://www.youtube.com/embed/7T7r_oSp0SE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> -
모바일 화면 최적화 태그 (head에 들어감)
<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
댓글 기능 코드를 가져와 쓸 수 있는 사이트 (무료)
https://disqus.com/
https://livere.com/ -
방문자와 채팅하는 기능 코드 제공하는 사이트(무료)
https://www.tawk.to/
login - admin페이지(톱니바퀴) - widget code -
웹사이트 방문자 분석기 이용 (feat.구글 애널리틱스)
-
구글 애널리틱스 구조
계정 - 속성 - 데이터 스트림
- 계정: 개인or단체or회사 (ex. 코코딩)
- 속성: 서비스 (ex. 코딩 동영상 서비스)
- 데이터 스트림: 웹or안드로이드orIOS 등 플랫폼 -
구글 태그 수동설치 방법
제공되는 구글 태그를 요소 바로 뒤에 복사해서 붙여넣기
- 구글 애널리틱스 카테고리
- 사용자: 방문자에 대한 정보 제공 (연령, 성별, 국가, 사용하는 장치)
- 수명주기(life cycle): 웹사이트에 접속한 사용자의 행동 분석
- 수명 주기 내용: 첫방문(획득), 활동(참여), 구매(수익창출), 재방문 (유지)
후론트엔드 개발자