IT (8) 썸네일형 리스트형 GA4에서 모바일 기기 사용자 비율, 해상도 등 확인하기 지난번에 애플, 삼성 모델별 뷰포트 사이즈를 포스팅했는데요 오늘은 GA4에서내 홈페이지에 방문하는 유저들은어떤 기기를 많이 사용하는지알아볼 수 있는 방법을 알려드릴게요 유저들이 어떤 해상도를 가진 기기로 많이 접속하는지를 알면사이트를 디자인하거나 컨텐츠를 만들 때 어떤 해상도에 비중을 두고 디자인을 해야 하는지 결정할 수 있고 화면 최소와 최대 사이즈를 가늠할 수 있어많은 도움이 됩니다. 1. [보고서] - [기술] - [기술 세부정보] 메뉴[기술 세부정보] 메뉴에서는플랫폼, 해상도, 기기 모델, OS버전 등 기기와 관련된 항목을 분류하여 볼 수 있습니다. 이 항목들을 2개를 조합하여 볼 수 도 있는데요우리는 '화면 해상도'와 '기기'를 조합하여'사용자'를 내림차순으로 정렬하여(사용자가 많은 기기를 위에.. Java Script 대신 PHP 쓰는 이유-서버 사이드 스크립트 특징 * 서버 사이드 언어는 서버 쪽에서 실행하여 결과를 클라이언트에게 출력하기 때문에 아래와 같은 특징이 있다. 1. 브라우저 호환성을 위배하지 않는다. PHP 스크립트는 웹 서버가 단독으로 해석하므로 방문자의 브라우저를 고려할 필요가 없다. 2. 서버의 자원을 활용할 수 있다. 웹페이지에 MySQL데이터를 넣는 코드 처럼 서버 자원을 활용하는 예시는 많다. 3. 클라이언트의 부담을 줄여 속도가 빨라진다. 자바스크립트는 브라우저가 웹 페이지를 표시하기 전에 스크립트를 실행하므로 페이지 속도가 상당히 느려질 가능성이 있다. 특히 모바일 기기에서 더욱 그렇다. 서버 사이드 코드를 사용하면 이 부담을 웹 서버로 전가할 수 있다. 명령프롬프트에서 원하는 폴더에서 vsc실행 명령 프롬프트 켜기 win+R (Mac : Command+R) dir과 cd 이용해서 원하는 경로로 이동 dir : 현재 위치에 있는 파일 살펴보기 (Mac: ls) cd 경로: 경로로 이동하기 mkdir oooo : oooo라는 이름의 폴더 만들기 경로 > code . code. 입력 후 엔터 치면 비주얼 스튜디오 코드가 원하는 폴더 안에서 실행 GA4-내부트래픽 제외 설정 하는법 (회사 컴퓨터, 내 컴퓨터 데이터 수집에서 제외) Contents 1. 내부트래픽 설정 이유 2. 내부트래픽 설정 방법 3. 필터 적용 체크 4. 테스트 완료 및 적용 1. 내부트래픽 설정 이유 GA4에서 내부트래픽이란 내부자로 인해 발생하는 트래픽입니다. 내부트래픽을 설정하여 제외하는 이유는 쉽게 말해서 본인이나 회사 컴퓨터가 웹사이트에서 활동하는 데이터를 트래픽에서 제외함으로써 실제 유저들의 트래픽만 볼 수 있게 설정하는 것입니다. 사이트 구축 초기에는 테스트나 여러가지 이유로 내부 트래픽이 실제 유저들 트래픽보다 훨씬 많아서 의사결정에 필요한 실제 정보가 묻힐 수 있으니 내부트래픽은 제외해 두는 것이 좋습니다. 2. 내부트래픽 설정 방법 (1) 구글 애널리틱스에 로그인해서 관리 탭을 열어줍니다. (2) [데이터 스트림]에서 연결해 놓은 페이지를 선.. 애플,삼성 모델 별 viewport sizes (화면사이즈,해상도) 1. 아이폰모델명Viewport SizeDevice ResolutioniPhone SE 320x568640x1136iPhone SE (2020, 2022)375x667750x1334iPhone X375x8121125x2436iPhone XR414x896828x1792iPhone XS Max414x8961242x2688iPhone 11414x896828x1792iPhone 11 Pro375x8121125x2436iPhone 11 Pro Max414x8961242x688iPhone 12390x8441170x2532iPhone mini360x7801080x2340iPhone 12 Pro390x8441170x2532iPhone 12 Pro Max428x9261284x2778iPhone 13390x8441170.. 반응형 웹-미디어 쿼리 @media 미디어 쿼리를 활용하면 width에 따라 CSS를 따로 작성할 수 있음 첫번째 두번째 세번째 HTML 삽입 미리보기할 수 없는 소스 [화면이 500px보다 작을 때] /*컬럼 방향으로 정렬*/ display: flex; flex-direction: column; /*폰트사이즈 30px*/ [화면이 500px보다 클 때] /*기본 가로 정렬*/ display: flex; /*폰트사이즈 20px*/ /*요소 주위로 동일 간격*/ justify-content: space-around; [HTML5] table 태그, 셀 병합 4칸병합 1 2 3 4 프론트엔드 언어의 폴더 이동 방법 / 최상위 폴더로 이동 ./ 현재 폴더로 이동 ../ 한 단계 상위 폴더로 이동 예시1) 현재 폴더에 있는 "jQuery v1.12.4.js" 파일을 소스로 함 이전 1 다음
