Google의 연구 자료 및 유용한 정보,
최적화 도구,
Choose the right one for you.
어떤 최적화 도구가 나에게 적합한지 알아보세요. 그리고 무료 사용을 신청하거나 영업 담당자에게 사용 방법에 대해 문의하세요.
최적화
최적화 도구 360
추천 대상,
실험을 처음 시작한 중소 규모의 비즈니스,
대기업 또는 고도의 테스트 니즈를 충족해야 하는 비즈니스,
A/B 테스트,
Google 애널리틱스 잠재고객 맞춤설정, 단일 페이지 웹 애플리케이션 지원, 고급 맞춤설정(지역 및 사용자 속성 포함), Google Ads에 통합하기,
소비자 이해에 도움이되는 검색 통찰력 : 영국의 '도움의 길'과 '가까운 상점'
루시 싱클레어/2020 년 6 월/소비자 통찰력,
공유,
루시 싱클레어 (Lucy Sinclair)는 Google의 통찰력 팀 EMEA 디렉터로서 소비자 행동의 변화를 분석합니다. 이 정기적 인 특징에서, 그녀는이 전례없는 시간 동안 사람들의 마음에 무엇이 있는지 강조 할 것입니다.
2020 년 6 월 22 일 판,
코로나 바이러스 전염병의 영향은 전 세계 모든 사람들이 느끼고 있습니다. 소비자의 요구와 행동이 변화함에 따라, 이는 마케터들에게 새로운 도전을 제기합니다. Google 트렌드 에서 제공 하는 최신 EMEA 검색 통찰력을 정기적으로 공유 하여 고객에게 중요한 것이 무엇인지 이해하도록 돕습니다. 따라서 전례없는 시간 동안 계속 도움이되고 관련성을 유지할 수 있습니다. Google 트렌드를 직접 사용 하여 변화하는 검색 관심사를 탐색하여보다 즉각적인 분석을 볼 수도 있습니다.
사람들이 현재 상황에 적응하고 추세가 더욱 일관성을 갖기 시작함에 따라, 소비자 행동의 거시적 변화에 대한 분석에 초점을 맞추고 있습니다.
여기서 다루는 5 가지 주요 테마는 다음과 같습니다.
- 사람들의 기분 : 웰빙, 커넥션 및 커뮤니티,
- 사람들이 알고있는 것 : 신뢰할 수있는 출처에서시기 적절하고 정확한 정보 찾기,
- 사람들이 생활하는 방법 : 일과 재정의 변화,
- 사람들이 배우는 방법 : 어린이와 성인을위한 정식 및 비공식 교육,
- 사람들이하는 일 : 새로운 방식으로 시간과 돈을 쓰다,
몇 개월 전에 코로나 바이러스 전염병 및 잠금 제한으로 인해 변화하는 소비자 행동을 식별하기 위해 이러한 정기적 인 Google 트렌드 분석을 시작했지만, 언제든지 사람들에게 가장 중요한 주제를 강조하는 데 유용한 도구였습니다.
이번 주 '사람들의 느낌'섹션은 Black Lives Matter 운동에 대한 검색 관심이 증가한 것을 보여줍니다. EMEA 및 전 세계의 많은 사람들이 Google 검색을 사용하여 사회 경제적 박탈을 유발하는 구조적 불평등에 대해 배우고 기부하고 조치를 취하고 있습니다.
COVID-19는 사람들이 자신의 사회가 어떻게 더 잘 작동 할 수 있는지에 대해 의문을 품 으면서 좌절과 분노를 증폭 시켰습니다. 브랜드는 어떻게 도울 수 있습니까? 이 새로운 유행성 현실에서 장기적인 정치적, 사회적 의미가 불확실한 반면, 사람들은 브랜드 가 옳은 일을 하고 채용과 지불의 평등, 소외된 지역 사회에 대한 투자, 인종 불의와의 싸움 등을 통해 행동을 취하기를 원합니다 .
1. 사람들의 느낌 : 사람들은 Black Lives Matter를 돕기 위해 배우고 기부하고 행동하기를 원합니다.
위에서 언급 한 바와 같이, Black Lives Matter 운동과 관련된 검색은 최근 몇 주 동안 EMEA에서 증가했습니다. Google 트렌드는 시위에 참여하는 방법을 모색하는 많은 사람들에게 COVID-19의 위험이 가장 중요하기 때문에 안전한 방식으로 학습, 기부 및 행동과 관련된 관심의 증가를 보여줍니다. 전 세계에서 ' 안전한 항의 방법
'( '안전한 항의 방법' ), '검은 생명 문제'( '흑인 생활 문제 significado' ) 및 '6 월 16 일'(6 월 6 일 )에 대한 검색이 증가했습니다. , 프랑스의 'Black Lives Matter translation'( 'traduction black life matter' ), 케냐의 'black lives'( 'black lives' ), 'Black Lives Matter donate'(영국의 '흑인 생활 문제 기부' ) 및 '도움의 길'( ' 도움의 길 ' ), 네덜란드의 ' 인종 차별주의'( '인종 차별주의' ), '인종 차별주의'( 'gegen rassismus' ) 독일.
2. 사람들이 아는 것 : 쇼핑 행동은 소비자가 '가까운'및 '가까운'을 검색함에 따라 변화,
지난 버전에서는 EMEA에서 잠금 조치가 완화됨에 따라 검색이 '무엇보다 공개'에서 '내 근처 공개'로 바뀌고 있음을 강조했습니다 . 점점 더 많은 소비자들이 '가까운'또는 '가까운'과 같은 검색어를 사용하여 현지에서 쇼핑하기를 원함에 따라 이는 지난 몇 주 동안 유행 한 추세입니다.
예를 들어, 구글 트렌드 쇼 더 ( '내게 가까이'우체국, 가스 리필, 상점 인쇄에 대한 검색 관심이 증가하고, '내 주변' ( '나 근처 상점'등 남아프리카 공화국, 카펫, 직물, 타일,에서) ' '나 근처 상점 근처'(,) 영국의 ' '넬 vicinanze ' ) 레스토랑, 피자 가게 등 이탈리아의 자동차'대리점 근처에 '( '핸들러 데르 근처 ' ) 독일, 그리고'근처 '( à PROXIMITE ) 프랑스의 레스토랑, 카페, 영화관 등,,,
3. 사람들의 생활 방식 : Google 트렌드에 따르면 직업 관련 검색이 계속 증가하고 있음,
몇 달 전에 검색 트렌드가 분석을 시작한 이래로 업무가 불안정 해지면서 이력서 및 응용 프로그램이 사람들에게 우선시되었습니다. 이것은 유행성 및 잠금 제한의 장기적인 영향이 많은 일자리에 막대한 영향을 미쳤 기 때문에 조만간 사라지지 않을 추세입니다. 지난 달의 검색 분석에 따르면 직무 관련 검색은 전 세계적으로 꾸준히 증가하고 있습니다. 휴일 동안 많은 중고등 학교 및 대학생들이 취업 시장에 진입하면서 사람들은 특히 이력서를 업데이트하고 여름 취업 기회를 찾고 있습니다.
Google 트렌드는 벨기에의 '학생 이력서'( 'CV étudiant' ), 사우디 아라비아의 '이력서 템플릿'( 'نماذج سيرة ذاتية' ) 및 이탈리아 ( ' modello curriculum' ), '여름 직업'( ' 프랑스의 직업 été ' ), 아랍 에미리트의 '직무 결석 '( '직무 결원 ' ),'직무 결석 '( '직무 결원 ' ), 나이지리아의 라고스, 나이지리아 등 및'외국인 구직 '( 사우디 아라비아의 '파견 직원'
4. 사람들이 배우는 방법 : 소비자가 영감을 찾으면서 '아이디어'와 'DIY'에 대한 검색이 증가,
소비자는 영감을 얻고 새로운 기술을 배우기 위해 Google 검색 및 YouTube와 같은 온라인 리소스로 갈수록 점점 더 많은 관심을 기울이고 있으며 'ideas'또는 'DIY'를 포함하는 검색 에서 전 세계적으로 특정 기울기를 볼 수 있습니다 . 이달 초 많은 국가에서 축하하는 생일이나 아버지의 날과 같은 특별한 날을위한 선물용 팁부터 선물 피크닉까지, 사람들은 창의적이고 재밌는 방법을 찾고 있습니다.
최근 몇 주 동안 아랍 에미리트 남성, 침실 장식 등을 위한 '아이디어'( '아이디어' ) 선물, Google의 '선물 아이디어'( 'hediye fikirleri' )에 대한 Google 트렌드에 대한 검색 관심이 증가했습니다 . 이탈리아의 'DIY birthday'( 'compleanno fai da te' ) 카드, 장식 등, 프랑스의 'easy DIY'( 'bricolage facile' ), 영국의 'bedroom ideas'( 'bedroom ideas' ) 및 남아프리카의 야외 또는 실내 피크닉을위한 '음식 아이디어'( '음식 아이디어' )
5. 사람들이하는 일 : 여행, 가정 및 정원, 전자 제품 카테고리에서 검색 증가,
이달 초 Google 트렌드는 검색 관심사가 인기 카테고리에서 회복되기 시작했으며 최근 몇 주 동안 계속 증가하고있는 추세입니다. 뿐만 아니라 않는 여행은 복구를 계속 하지만, 같은 범주 가정 및 정원 및 전자 도 검색 관심이 지속적으로 유럽, 중동, 아프리카에 걸쳐 증가 보았다.
일부 국가에서는 국제 여행 제한이 진행 중이지만 소비자는 비 필수 장거리 여행을 삼가도록 권장되지만, 이는 휴가를 즐기는 사람들이 최상의 현지 옵션을 연구하기 시작하는 것을 방해하지 않습니다. 스웨덴의 ' 캐빈 대여'( 'hyra stuga' ), 폴란드의 '휴가 오두막'( 'domki letniskowe' ), 프랑스의 '휴가 임대'( '위치 공석' )에 대한 검색 관심이 높아지고 있습니다. 스페인 의 수영장이있는 농촌 주택 ( 'rurales con piscina' ) , 영국의 'safari park'( 'safari park' ), 터키의 'flight ticket'( 'uçak bileti' ) 및 'holiday bonus'( ' 이탈리아에서 보너스 vacanze ' ).
소비자들이 집과 야외 공간을 업그레이드하는 방법을 계속 모색함에 따라 프랑스에서는 '나무 난로'( 'poele a bois' )와 '홈 시네마'( 'home cinéma' )를 점점 더 많이 찾고 있습니다 . 독일의 '냉각 베개'( 'kühlende kissen' ) 및 '4K 모니터'( '4k 모니터' ), 이탈리아의 '로봇 진공 청소기'( 'robot aspirapolvere' ), 'pc 게임'( 'pc 게임' ) 및 ' 영국의 가죽 소파 '( '가죽 소파 ' ), 터키의 'HD 스마트 LED TV '( 'hd smart led tv ' ), 이집트의 '스크린 가격 '( 'اسعار شاشات ' ).
더 많은 소비자 검색 행동 동향 탐색,
검색 통계 모음 에서 최신 트렌드 분석을 모두 볼 수 있습니다 . EMEA의 소비자 행동 변화 및 동향에 대해 정기적으로 업데이트되는 스냅 샷을 제공하지만 정보를 더 자주 또는 특정 국가 또는 지역에 대해 검토하는 것이 도움이 될 수 있음을 이해합니다. 더 자세한 정보를 얻으려면 Google 트렌드 사용에 대한 10 가지 도움말을 참조하십시오 . 도구에 키워드 또는 주제를 입력하면 전 세계에서 거의 실시간으로 검색하는 내용을 탐색 할 수 있습니다.
당신을 위해 추천 된,,,
수집,
COVID-19 전염병 전반에 걸친 소비자 행동을 이해하는 데 도움이되는 Google 트렌드 인사이트,
조,
역동적 인 환경에서 시장 동향을 파악하는 방법,
비디오,
업데이트 : Google이 기업이 COVID-19에 응답하도록 돕는 방법,
Google에서 최신 데이터, 통찰력 및 영감을 얻으십시오.
LinkedIn에서 우리를 따르십시오 트위터에 우리를 따르라 페이스 북으로 우릴 팔로우 해 RSS 피드 구독,
Insights. Ideas. Inspiration.
Think with Google과 함께 더욱 업그레이드된 마케팅을 펼쳐보세요.
이번 주 소식,
2020 YouTube Works Awards 출품작 모집,
올해 가장 효과적이고 혁신적인 전략으로 소비자들을 놀라게 할 YouTube 웍스 어워드(YouTube Works Awards 2020)의 새로운 주인공은 누가 될까요? 2020년도 최고의 YouTube 캠페인을 선보인 국내 브랜드와 캠페인 제작자를 선정하고 축하하기 위해 개최하는 ‘2020 YouTube 웍스 어워드’에서 6월 24일부터 출품작을 모집합니다. 출품을 준비하고 있다면 행사 일정 및 2019년도 수상작에 대해 자세히 알아보세요.
최신 국내 인사이트,
게시글,
[YouTube 새로운 패션의 시대를 열다②] 패션 브랜드, 친환경으로 소비자와 소통하다,
게시글,
[YouTube 새로운 패션의 시대를 열다①] 트렌드에 맞춰 달라져야 할 브랜드 성공 전략은?
게시글,
[Digital TPO 시대의 소비자 인사이트 ②] 밀레니얼 럭셔리 쇼퍼, 선택의 기준을 재정의하다,
동영상,
#집에서 함께해요-YouTube가 당신의 사회적 거리두기를 응원합니다!
사례 연구,
취업 플랫폼 사람인의 성공 사례를 통해 배우는 SEO의 가치,
도구,
Google 쇼핑 광고의 모든 것, 쇼핑 플레이북,
사례 연구,
디스플레이 디스커버리 광고를 활용해 신규 고객과 공식 홈페이지 예약을 성공적으로 늘린 롯데호텔,
사례 연구,
[검색 실험 캠페인➂] 스마트 쇼핑 캠페인으로 400%의 추가 전환과 2.2배의 ROAS를 달성한 아리따움,
글로벌 인사이트,
게시글,
위기의 시기에 클라이언트에게 필요한 파트너가 되는 법,
게시글,
뉴노멀 시대, 자동차 업계의 대응 방식을 결정하는 5가지 트렌드,
게시글,
코로나19 상황 속의 크리에이티브 효과 관찰 결과,
광고 리더보드,
YouTube 광고 리더보드: 2020년의 공익성 광고,
게시글,
재택근무 중 포용성을 강화하는 방법,
게시글,
혼돈과 복잡성 속에서 팀을 이끄는 방법,
게시글,
재택근무 중 소속감을 유지하기 위한 4가지 방법,
게시글,
코로나 19 시기를 위한 조언: 6인의 광고대행사 리더들이 말하는 현재와 미래를 위한 브랜드 전략 재고 방향,
뉴스레터 받기,
유용한 최신 소식을 가장 빠르게 받아보세요,
Top topic 모아보기,
불확실성의 시기: 도움이 될 만한 자료와 인사이트,
코로나19의 확산으로 인해 불확실한 시기를 헤쳐나가는 데 도움이 될 만한 전략과 인사이트, 관련 자료를 확인해보세요.
24 데이터 모음,
소비자 인사이트,
오늘날 주목해야 할 잠재 고객을 파악하여 새로운 기회를 포착하세요.
6 조항,
동영상 광고 전략,
동영상을 통해 소비자와 효과적으로 커뮤니케이션 할 수 있는 방법을 알아보세요.
8 조항,
데이터 분석 및 측정,
데이터를 통해 고객을 이해하고 캠페인 효과를 분석하여 비지니스를 성장시키는 방법을 알아보세요.
11 조항,
성공 사례 보기,
다양한 우수 광고 사례를 통해 새로운 아이디어를 얻어보세요.
13 조항,
마케터를 위한 도구,
Google Trends
소비자의 검색 행동을 측정하고 경쟁력 있는 키워드를 추출할 수 있는 유용한 도구입니다. 한눈에 들어오는 트렌드의 움직임을 실시간으로 파악해보세요.
Rich Media Gallery
혁신을 주도하는 광고주와 에이전시가 제작한 창의적인 크리에이티브를 통해 새로운 캠페인 아이디어를 얻어보세요.
Market Finder
중소 규모 비즈니스가 글로벌 시장을 파악하는 데 유용한 도구로, 마케팅 계획을 실행에 옮기는 데 필요한 데이터 및 고객 통계를 제공합니다.
Test My Site
모바일 사이트 속도를 동종 업계 사이트와 비교해보고, 속도를 개선할 수 있는 구체적인 방법을 알아볼 수 있습니다.
Google의 연구 자료 및 유용한 정보를 생각의 도구로 활용해 보세요.
Google 애널리틱스와의 네이티브 통합,
개인 맞춤설정, capabilities
N/A,
다변수 테스트(MVT),
제한됨,
꽉 참,
실험 목표,
사전 선택,
임시,
동시 실험 기능,
기본,
고급,
사용자 및 계정 관리,
지원 및 서비스,
직접 검색하는 고객센터 및 커뮤니티 포럼,
Google과 글로벌 파트너 네트워크에서 제공하는 서비스, 지원 및 SLA,
결제 옵션,
무료,
매월 인보이스 발행,
Google Ads 팔로우하기,
Google Marketing Platform 정보,
학습 및 지원,
개발자 및 파트너,
관련 제품,
Google의 추가 솔루션,
모바일 페이지 속도는???
4G
연결.
평가,
개선 필요,
1 ~ 2.5 초 안에 개선 사이트가로드되기 시작해야합니다.더 알아보기,
모바일 사이트를 최적화하는 방법 알아보기,
keyboard_arrow_down
1, 속도 향상,
2, 개인화,
삼, 완벽하게,
속도 향상,
첫인상이 중요합니다. 고객이 성급하지 않으므로 사이트 속도가 전환 및 이탈률에 큰 영향을 미칩니다.
0.1
에스,
로드 시간을 0.1 초로 개선하면 전환율이 8 % 향상 될 수 있습니다.
밀리 초는 수백만을 만든다,
사이트 속도 향상을위한 권장 사항,
이러한 권장 사항을 개발자와 공유하면 수행 할 작업을 알 수 있습니다. 전체 목록을 보려면 전체 보고서를 다운로드하십시오.
모든 수정 사항보기,
고 충격 수정,
즉시 사이트 로드,
네트워크 연결 유무에 관계없이 1 초 이내에 사이트를로드하는 경험을 구축하십시오 .
고 충격 수정,
렌더 차단 리소스 제거,
페이지 스타일 및 기능에 대한 리소스가 페이지의 기본 콘텐츠 표시를 지연시키고 있습니다.
고 충격 수정,
Java Script 실행 시간 단축,
비효율적 인 자바 스크립트는 페이지 속도를 늦출 수 있습니다. 코드 구문 분석, 컴파일 및 실행에 소요되는 시간을 줄입니다.
고 충격 수정,
필요한 원점에 사전 연결,
리디렉션은 페이지를로드하기 전에 추가 지연을 발생시킵니다. 불필요한 리디렉션을 제거하고 직접 링크로 교체하십시오.
고 충격 수정,
효율적인 캐시 정책으로 정적 자산 제공,
HTTP 캐싱은 재 방문 사용자의 페이지로드 시간을 단축시킬 수 있습니다. 페이지의 반복 방문 속도를 높이려면 캐시 수명을 늘리십시오.
더 많은 추천 받기,
사이트 속도를 높이기 위해 최대 21 개의 권장 수정 사항을 보고서 에서 확인할 수 있습니다.
chevron_leftchevron_right
결과,
4G 네트워크의 happy2162.blogspot.com/
페이지 속도,
2.1 초
평가,
개선 필요,
더 많은 속도 도구 탐색,
개별 페이지를 테스트하고 경쟁 업체와 비교하고 더 빠른 사이트의 ROI를 평가하십시오.
개인화,
첫인상이 좋았으니 이제 개인화해야합니다. 두 고객이 같지 않으며 관련 경험을 통해 요구를 충족시키는 것이 비즈니스 성공의 열쇠입니다.
40 %
사람들은 쇼핑 경험을 개인화 할 때 계획된 것보다 40 % 더 많은 지출을 할 가능성이 높습니다.
Google / BCG, 미국, 2019 년 소매 조사에서 개인화의 비즈니스 영향,
개인을위한 권장 사항,
다음은 고객에게 VIP 치료를 제공하는 몇 가지 방법입니다. 전체 보고서에서 추가 리소스를 찾을 수 있습니다.
모든 수정 사항보기,
추천,
UX를 개인화하십시오,
각 사용자에 맞게 사이트 환경을 조정하여 관련 콘텐츠에 계속 참여하십시오.
추천,
A / B 테스트 활용,
무엇이 가장 공명하는지 확인하기 위해 웹 사이트 실험을 실행하십시오 . 그런 다음 각 고객에 맞는 컨텐츠로 사이트를 개인화하십시오.
추천,
어디서나 액세스 가능,
고객의 홈 화면에서 모바일 사이트 를 시작하여 오프라인에서도 빠르고 쉽게 액세스 할 수 있습니다.
더 많은 추천 받기,
사이트를 개인 설정하는 방법에 대한 추가 권장 사항을 보려면 보고서 를 받으십시오 .
chevron_leftchevron_right
완벽하게,
고객을위한 경험을 디자인 한 후 고객은 전환 가능성이 높아집니다. 가입, 로그인 및 결제와 같은 주요 작업을 원활하게 수행하십시오.
77%,
스마트 폰 쇼핑객의 77 %는 모바일 사이트 나 앱을 통해 빠르게 구매할 수있는 회사에서 구매할 가능성이 높습니다.
Google / Ipsos, 미국, Playbook Omnibus 2019.
원활한 전환을위한 권장 사항,
고객을 유입 경로로 빠르게 안내하는 몇 가지 방법이 있습니다. 전체 보고서에서 추가 권장 사항 및 리소스를 찾을 수 있습니다.
모든 수정 사항보기,
추천,
원활한 로그인 / 체크 아웃,
사용자가 허용 로그인 자신의 Google 계정과 자동으로 채울 빠른 체크 아웃을 위해 자신의 정보를 저장.
추천,
손쉬운 결제,
전환율이 낮은 주요 원인 중 하나는 결제시 포기입니다. 사용자가 모바일 거래 를 쉽게 완료 할 수 있도록합니다 .
추천,
웹 경험 향상,
PWA (Progressive Web Apps) 는 어디서나 모든 장치를 통해 사람에게 도달하면서 고유 한 기능, 안정성 및 설치 성을 제공합니다.
더 많은 추천 받기,
주요 작업을 원활하게 수행하는 방법에 대한 추가 권장 사항을 보려면 보고서 를 받으십시오 .
chevron_leftchevron_right
전체 보고서 받기,
모바일 사이트 환경을 개선하는 것은 팀의 노력입니다. 마케팅 담당자와 개발자 모두를위한 맞춤형 권장 사항으로 전체 보고서를 얻으십시오.
인앱 설치 경험을 제공하는 방법,
2020 년 2 월 14 일 • 업데이트2020 년 6 월 17 일,
등장 : 프로그레시브 웹 애플리케이션
많은 브라우저에서 PWA의 사용자 인터페이스 내에서 직접 PWA (Progressive Web App) 설치를 활성화하고 홍보 할 수 있습니다. 설치 (이전에 홈 화면에 추가라고도 함)를 사용하면 사용자가 모바일 또는 데스크톱 장치에 PWA를 쉽게 설치할 수 있습니다. PWA를 설치하면 PWA를 사용자의 실행기에 추가하여 설치된 다른 앱처럼 실행할 수 있습니다.
브라우저에서 제공하는 설치 환경 외에도 앱 내에서 직접 사용자 지정 설치 흐름을 제공 할 수 있습니다.
Spotify PWA에 제공된 "앱 설치"버튼
설치를 승격 시킬지 여부를 고려할 때 사용자가 일반적으로 PWA를 사용하는 방법에 대해 생각하는 것이 가장 좋습니다. 예를 들어 일주일에 PWA를 여러 번 사용하는 사용자가있는 경우 이러한 사용자는 스마트 폰 홈 화면이나 데스크톱 운영 체제의 시작 메뉴에서 앱을 편리하게 시작할 수 있다는 이점이 있습니다. 일부 생산성 및 엔터테인먼트 응용 프로그램은 설치된 standalone또는 minimal-ui모드 의 창에서 브라우저 도구 모음을 제거하여 생성 된 추가 화면 공간의 이점도 있습니다.
설치 홍보,
Progressive Web App이 설치 가능함을 표시하고 사용자 정의 인앱 설치 플로우를 제공하려면 다음을 수행하십시오.
- beforeinstallprompt이벤트를 듣습니다 .
- beforeinstallprompt이벤트를 저장하면 나중에 설치 플로우를 트리거하는 데 사용할 수 있습니다.
- PWA를 설치할 수 있음을 사용자에게 알리고 인앱 설치 흐름을 시작하는 단추 또는 기타 요소를 제공하십시오.
beforeinstallprompt이벤트와 appinstalled이벤트가 자신의 웹 응용 프로그램 매니페스트 사양에서 이동 된 인큐베이터 . Chrome 팀은이를 지원하기 위해 최선을 다하고 있으며 지원을 제거하거나 폐기 할 계획이 없습니다. web.dev는 사용자 지정 설치 환경을 제공하기 위해 계속해서 사용하는 것이 좋습니다.
수신 beforeinstallprompt이벤트,
Progressive Web App이 필요한 설치 기준을 충족 하면 브라우저가 beforeinstallprompt이벤트를 시작합니다. 이벤트에 대한 참조를 저장하고 사용자 인터페이스를 업데이트하여 사용자가 PWA를 설치할 수 있음을 나타냅니다. 이것은 아래에 강조 표시되어 있습니다.
let deferredPrompt;
window.addEventListener('beforeinstallprompt', (e) => {
// Prevent the mini-infobar from appearing on mobile
e.preventDefault();
// Stash the event so it can be triggered later.
deferredPrompt = e;
// Update UI notify the user they can install the PWA
showInstallPromotion();
});
앱을 설치할 수 있음을 사용자에게 알리고 인앱 설치 흐름 (예 : 헤더의 버튼, 탐색 메뉴의 항목 또는 콘텐츠 피드의 항목)을 제공하는 데 사용할 수있는 다양한 패턴 이 있습니다. .
인앱 설치 흐름,
인앱 설치를 제공하려면 사용자가 클릭하여 앱을 설치할 수있는 버튼 또는 기타 인터페이스 요소를 제공하십시오. 요소를 클릭하면 prompt()저장된 beforeinstallprompt이벤트 ( deferredPrompt변수 에 저장된)를 호출 하십시오 . PWA를 설치할지 묻는 모달 설치 대화 상자가 표시됩니다.
buttonInstall.addEventListener('click', (e) => {
// Hide the app provided install promotion
hideMyInstallPromotion();
// Show the install prompt
deferredPrompt.prompt();
// Wait for the user to respond to the prompt
deferredPrompt.userChoice.then((choiceResult) => {
if (choiceResult.outcome === 'accepted') {
console.log('User accepted the install prompt');
} else {
console.log('User dismissed the install prompt');
}
});
});
이 userChoice속성은 사용자의 선택에 따라 해결되는 약속입니다. prompt()지연된 이벤트는 한 번만 호출 할 수 있습니다 . 사용자가 해제하면 beforeinstallprompt일반적으로 userChoice속성이 해결 된 직후 이벤트가 다시 발생할 때까지 기다려야합니다 .
시도 해봐! beforeinstallprompt 이벤트를 사용하여 사이트를 설치 가능하게 만듭니다 .
PWA가 성공적으로 설치되었을 때 감지,
이 userChoice속성을 사용 하여 사용자가 사용자 인터페이스 내에서 앱을 설치했는지 확인할 수 있습니다 . 그러나 사용자가 주소 표시 줄이나 다른 브라우저 구성 요소에서 PWA를 설치 userChoice하면 도움이되지 않습니다. 대신, 당신은 그 appinstalled사건을 경청해야합니다 . PWA를 설치하는 데 어떤 메커니즘을 사용하든 PWA가 설치 될 때마다 실행됩니다.
window.addEventListener('appinstalled', (evt) => {
// Log install to analytics
console.log('INSTALL: Success');
});
PWA가 시작되었다 어떻게 감지,
CSS display-mode미디어 쿼리는 브라우저 탭에서 또는 설치된 PWA로 PWA가 시작된 방법을 나타냅니다. 이를 통해 앱이 시작된 방식에 따라 다른 스타일을 적용 할 수 있습니다. 예를 들어, 설치된 PWA로 시작할 때 항상 설치 버튼을 숨기고 뒤로 버튼을 제공하십시오.
PWA가 어떻게 시작되었는지 추적,
사용자가 PWA를 시작하는 방법을 추적하려면 미디어 쿼리 matchMedia()를 테스트하는 데 사용하십시오 display-mode. iOS의 Safari는 아직이를 지원하지 않으므로 확인해야 navigator.standalone합니다. 브라우저가 독립형 모드에서 실행 중인지 여부를 나타내는 부울을 리턴합니다.
window.addEventListener('DOMContentLoaded', () => {
let displayMode = 'browser tab';
if (navigator.standalone) {
displayMode = 'standalone-ios';
}
if (window.matchMedia('(display-mode: standalone)').matches) {
displayMode = 'standalone';
}
// Log launch display mode to analytics
console.log('DISPLAY_MODE_LAUNCH:', displayMode);
});
디스플레이 모드가 변경 될 때 추적,
사용자가 standalone및 사이를 변경하는지 추적하려면 미디어 쿼리의 browser tab변경 사항을 수신하십시오 display-mode.
window.addEventListener('DOMContentLoaded', () => {
window.matchMedia('(display-mode: standalone)').addListener((evt) => {
let displayMode = 'browser tab';
if (evt.matches) {
displayMode = 'standalone';
}
// Log display mode change to analytics
console.log('DISPLAY_MODE_CHANGED', displayMode);
});
});
현재 디스플레이 모드를 기반으로 업데이트 UI,
설치된 PWA로 시작할 때 PWA에 다른 배경색을 적용하려면 조건부 CSS를 사용하십시오.
@media all and (display-mode: standalone) {
body {
background-color: yellow;
}
}
앱의 아이콘과 이름 업데이트,
Android의 Chrome,
Android에서 PWA가 시작되면 Chrome은 현재 설치된 매니페스트와 라이브 매니페스트를 확인합니다. 업데이트가 필요한 경우 기기를 연결하고 Wi-Fi에 연결 하면 업데이트가 대기하고 업데이트됩니다 .
데스크톱의 Chrome,
Desktop에서는 매니페스트가 자동으로 업데이트되지 않지만 향후 업데이트를 위해 계획되어 있습니다.
마지막 업데이트 : 2020 년 6 월 17 일 기사 개선,
피드백 제공,
모든 필드 선택 사항,
예,
아니,
이 페이지가 도움이 되었나요?
이 페이지가 목표 달성에 도움이 되었습니까?
이 페이지에 필요한 정보가 있습니까?
이 페이지의 정보가 정확 했습니까?
이 페이지는 읽기 쉬웠습니까?
제출,
언어를 선택하십시오, 영어, ( ko ) 각국 언어,
달리 언급 된 경우를 제외하고이 페이지의 내용은 Creative Commons Attribution 4.0 라이센스에 따라 라이센스 가 부여되며 코드 샘플은 Apache 2.0 라이센스에 따라 라이센스가 부여됩니다 . 자세한 내용은 Google 개발자 사이트 정책을 참조하십시오.
마케터를 위한 Google 도구,
Google 도구를 활용하여 소비자 동향과 유용한 정보를 살펴보고 당신의 디지털 마케팅 전략을 강화하세요.
소비자의 검색 행동을 측정하고 경쟁력 있는 키워드를 추출할 수 있는 유용한 도구입니다. 한눈에 들어오는 트렌드의 움직임을 실시간으로 파악해보세요.
혁신을 주도하는 광고주와 에이전시가 제작한 창의적인 크리에이티브를 통해 새로운 캠페인 아이디어를 얻어보세요.
중소 규모 비즈니스가 글로벌 시장을 파악하는 데 유용한 도구로, 마케팅 계획을 실행에 옮기는 데 필요한 데이터 및 고객 통계를 제공합니다.
모바일 사이트 속도를 동종 업계 사이트와 비교해보고, 속도를 개선할 수 있는 구체적인 방법을 알아볼 수 있습니다.
Google의 연구 자료 및 유용한 정보를 생각의 도구로 활용해 보세요.
출처 ^ 참고자료,
[YouTube
[Android
[Chrome
[4G 네트워크의 happy2162.blogspot.com
~^0^~ 잠시 쉬어 음악으로, 밑에 클릭 하세요,
다른 영상보기, (지나간 스포츠 역전의 거 순간 영상, 동물, 자연,,),
동영상 -영상보기 -클릭,
1,아름다운 세상.(자연) /2,한국인의 생활. / 3,즐거운세상./
아름다운 세계의 동식물 자연의모던것.
***youtu.be/mxijRqfQh60
***youtu.be/808W9lbHv1c
***youtu.be/KlNGTrued4c
***youtu.be/2J47TYTWoEg
***youtu.be/rxiJyKqd4A8
***whttps://blog.naver.com/happyday2162/222006176038, - 경산에서 부산방향 경부고속 도로,,,
***youtu.be/eo2uTjp8iLk-캬바레 경음악 총결산 1집(지루박),2집(디스코),3집(트로트,
***youtu.be/yyC0WZCHn9c-정통 사교춤 경음악 총결산 풀타임,
~감사합니다.~
#Google #YouTube #Android #Chrome #4G 네트워크의 happy2162점blogspot점com #Google의 연구 자료 #유용한 정보 #도구로 활용 #구독하기 #Test My Site #모바일 사이트 속도 #동종 업계 사이트 #비교해보고 #속도를 개선 #구체적인 방법 #Market Finder #중소 규모 비즈니스 #글로벌 시장을 파악하는 데 #유용한 도구로 #마케팅 계획을 실행에 옮기는 데 #필요한 데이터 #고객 통계를 제공 #Rich Media Gallery #혁신을 주도 #광고주와 에이전시 #제작한 창의적인 크리에이티브를 통해 #새로운 캠페인 아이디어 #커뮤니티 가이드 라인 #달리 언급 된 경우를 제외 #페이지의 내용 #Creative Commons Attribution #4점0 라이센스 #라이센스 가 부여 #코드 샘플 #Apache 2점0 라이센스 #라이센스가 부여 #Google 개발자 사이트 정책 참조 #마케터를 위한 #Google 도구를 활용 #소비자 동향 #유용한 정보 #디지털 마케팅 전략을 강화 #마지막 업데이트 #2020 년 6 월 17 일 기사 개선 #피드백 제공 #모든 필드 선택 사항 #중포 기지 #구글 클라우드 플랫폼 #모든 상품 #언어를 선택 #각국 언어 #앱의 아이콘 #이름 업데이트 #PWA가 시작 #Chrome #현재 설치된 매니페스트 #라이브 매니페스트를 확인 #업데이트가 필요한 경우 #기기를 연결 #Wi-Fi에 연결 하면 업데이트 #디스플레이 모드를 기반 #업데이트 UI #설치된 PWA로 시작 3PWA에 다른 배경색을 적용 #조건부 CSS를 사용 #CSS display-mode미디어 쿼리 #브라우저 탭 #설치된 PWA로 PWA가 시작된 방법 #앱이 시작된 방식에 따라 #다른 스타일을 적용 #설치된 PWA로 시작할 때 항상 #설치 버튼을 숨기고 #뒤로 버튼을 제공 #PWA가 어떻게 시작되었는지 추적 #사용자가 PWA #시작하는 방법을 추적 #미디어 쿼리 #matchMedia #테스트하는 데 사용 #display-mode #iOS의 Safari는 아직이를 지원하지 않으므로 확인 #navigator #standalone #브라우저가 독립형 모드 #실행 중인지 여부를 나타내는 부울을 리턴 #beforeinstallprompt이벤트 #appinstalled이벤트 #자신의 웹 응용 프로그램 #매니페스트 사양에서 이동 #인큐베이터 #Chrome 팀은이를 지원하기 위해 최선을 다하고 #지원을 제거하거나 폐기 할 계획 #web #dev #사용자 지정 설치 환경을 제공하기 위해 계속해서 사용하는 것 수신 beforeinstallprompt이벤트 #Progressive Web App #필요한 설치 기준을 충족 #브라우저가 beforeinstallprompt이벤트를 시작 #이벤트에 대한 참조를 저장하고 #사용자 인터페이스를 업데이트 #사용자가 PWA를 설치 #원활한 로그인 #체크 아웃 #사용자가 허용 로그인 #자신의 Google 계정 #자동으로 채울 #빠른 체크 아웃을 위해 #자신의 정보를 저장 #손쉬운 결제 #전환율이 낮은 주요 원인 중 하나 #결제시 포기 #사용자가 모바일 거래 를 쉽게 완료 #추천 #웹 경험 향상 #PWA (Progressive Web Apps) #모든 장치를 통해 사람에게 도달 #고유 한 기능 #안정성 및 설치 성을 제공 #UX를 개인화 #Google의 연구 자료 및 유용한 정보 #생각의 도구로 활용 #구독하기 #Google 애널리틱스와의 네이티브 통합 #개인 맞춤설정 #capabilities #N/A #다변수 테스트 #MVT #Google Marketing Platform 파트너 #Google 측정 파트너 #개발자용 애널리틱스 #개발자용 태그 관리자 #개발자용 설문조사 #관련 제품 #Google Ads #Google 애드센스 #Google Ad Manager #Google Cloud #Firebase #Google의 추가 솔루션, #Think with Google #기업용 솔루션 #모바일 페이지 속도 #캐시 #효율적인 캐시 정책 #정적 자산 제공 #HTTP 캐싱 #재 방문 사용자 #페이지로드 시간을 단축 #페이지의 반복 방문 속도를 높이려면 #Google의 연구 자료 및 유용한 정보 #생각의 도구로 활용 #구독하기 #Google 애널리틱스와의 네이티브 통합 #개인 맞춤설정 #capabilities #N/A #다변수 테스트 #MVT #Google Marketing Platform 파트너 #Google 측정 파트너 #개발자용 애널리틱스 #개발자용 태그 관리자 #개발자용 설문조사 #관련 제품 #Google Ads #Google 애드센스 #Google Ad Manager #Google Cloud #Firebase #Google의 추가 솔루션, #Think with Google #기업용 솔루션 #모바일 페이지 속도 수명을 늘리기 #개선 사이트가로드되기 시작 #모바일 사이트 #최적화하는 방법 알아보기 #keyboard_arrow_down #속도 향상 #개인화 #완벽하게 #속도 향상 #첫인상이 중요 #사이트 속도가 전환 #이탈률에 큰 영향 #로드 시간을 0점1 초로 개선하면 전환율이 8 % 향상 될 수 있다 #구글 / 델 로이트 #밀리 초는 수백만을 만든다 #Google 트렌드 에서 제공 #최신 EMEA 검색 통찰력 #정기적으로 공유 #고객에게 중요한 것이 무엇인지 이해 #전례없는 시간 동안 계속 도움이되고 #관련성을 유지 #Google 트렌드를 직접 사용 하여 변화 #검색 관심사를 탐색 #즉각적인 분석을 볼 수 #사람들이 현재 상황에 적응 #추세가 더욱 일관성을 갖기 시작함 #소비자 행동의 거시적 변화에 대한 분석에 초점을 맞추고 #5 가지 주요 테마 #사람들의 기분 : 웰빙 커넥션 및 커뮤니티 #사람들이 알고있는 것 : 신뢰할 수있는 출처에서시기 적절하고 정확한 정보 찾기 #사람들이 생활하는 방법 : 일과 재정의 변화 #사람들이 배우는 방법 : 어린이와 성인을위한 정식 및 비공식 교육 #사람들이하는 일 : 새로운 방식으로 시간과 돈을 쓰다 #몇 개월 전에 코로나 바이러스 전염병 #잠금 제한으로 인해 변화 #소비자 행동을 식별하기 위해 이러한 정기적 인 #Google 트렌드 분석을 시작 #사람들에게 가장 중요한 주제를 강조 #유용한 도구 #사람들의 느낌'섹션 #Black Lives Matter 운동 #대한 검색 관심이 증가한 것을 보여줍니다 #EMEA #전 세계의 많은 사람들이 #Google 검색을 사용하여 #사회 경제적 박탈을 유발 #구조적 불평등 #Google의 연구 자료 및 유용한 정보 #생각의 도구로 활용 #구독하기 #Google 애널리틱스와의 네이티브 통합 #개인 맞춤설정 #capabilities #N/A #다변수 테스트 #MVT #Google Marketing Platform 파트너 #Google 측정 파트너 #개발자용 애널리틱스 #개발자용 태그 관리자 #개발자용 설문조사 #관련 제품 #Google Ads #Google 애드센스 #Google Ad Manager #Google Cloud #Firebase #Google의 추가 솔루션, #Think with Google #기업용 솔루션 #모바일 페이지 속도
'it, 컴퓨터,,,,' 카테고리의 다른 글
블로그, (Blogger), (0) | 2020.07.05 |
---|---|
동영상 프로그램, (0) | 2020.07.01 |
유튜브 사용법, (0) | 2020.06.30 |
키네마스터, (0) | 2020.06.27 |
영상 프로그램, (0) | 2020.06.26 |