trivago_logo

프로그레시브 웹 앱 (PWA, Progressive Web Apps ) 도입사례(3) : Trivago

다음 10억 명의 사용자를 위해, 트리바고는 모바일의 미래로 점진적인 웹 앱(progressive web apps)을 수용합니다. (The next billion users: trivago embrace progressive web apps as the future of mobile)   2017 년 9 월 앱, 모바일, 여행   요약 Trivago 는 PWA를 도입하여, 홈화면 추가하는 사람들의 숫자가 150%중가하는 것을 보았습니다. 참여도가 높아짐에 따라 호텔 쿠폰에 대한 클릭수는 97% 증가하였습니다. […]

Alibaba_PWA 도입사례

프로그레시브 웹 앱 (PWA, Progressive Web Apps ) 도입사례(2) : Alibaba

  결과 Alibaba.com은 Progressive Web App을 사용하여 모바일 웹에서의 전환율을 76 % 증가시켰습니다.  전체 브라우저에서 전환율 76 % 증가 iOS에서 월간 활성 사용자가 14 % 증가했습니다. Android에서는 30 %증가  홈 화면에 추가함에 있어 4 배 높은 상호 작용률 PDF 사례 연구 다운로드   알리바바 소개 Alibaba.com은 200 개 이상의 국가 및 지역에 서비스를 제공하는 세계 최대의 […]

프로그레시브 웹 앱 (PWA, Progressive Web Apps ) 도입사례(1) : Building m.uber : 세계 시장을 위한 고성능 웹 응용 프로그램 엔지니어링

개요 Uber 의 PWA 는 2G에서도 빠르게 작동하도록 설계되었습니다. 핵심 응용프로그램은 Gk로 50k에 불과하며 2G 네트워크에 로드하는데 3초도 걸리지 않습니다. 상세 Building m.uber : 세계 시장을 위한 고성능 웹 응용 프로그램 엔지니어링(Building m.uber: Engineering a High-Performance Web App for the Global Market) 에서 번역 발췌하였습니다.  ( 이미지 출처 : Building m.uber: Engineering a High-Performance Web App […]

Onesignal 분석 : 구글애널리틱스, 구글태그관리자 이용하여 분석하기

Onesignal 분석은 구글 애널리틱스, 구글 태그관리자 이용하여 가능합니다.   Google 애널리틱스를 이용한 분석 구글 애널리틱스를 이용한 분석은 기본적으로 모바일과 웹 푸시 추적으로 나누어지는데 저는 우선 웹 푸시 분석부터 시도해보겠습니다.  매뉴얼은 Google Analytics 입니다.  웹 푸시 웹푸시 알람은 알람을 클릭한 것을 추척하는 것과 구독 추적으로 나누워집니다.    1. 웹 푸시 알림 클릭 추적 웹푸시 알람클릭을 추적하는 방법은 UTM […]

dont ever give up_jpg_300

무제한 무료 광고( Unlimited Free Ads)

  하루하루가 도전입니다.   그러나 포기할 수는 없습니다.         상품 내용 스마트폰/태블릿은 기본, PC/노트북에서도 노출됨           : All Device & All browser. 모든 기기 & 모든 브라우저 지원(크롬, 엣지, 사파리, 파이어폭스, 오페라 지원. 단, 인터넷 익스폴로어 지원 안됨) 기존의 app은 스마트폰에서만 노출됨  허용 회원을 대상으로 기존 SMS 대신 무제한 […]

Onesignal 푸쉬알람 사용자 매뉴얼

알림 구독버튼은 아래와 같이 표시됩니다.  <테스크톱 이미지> <스마트폰 이미지> 신청하기를 하시면 다시 한번 모바일에서는” www.seenbuy.kr에서 알림을 보내려고합니다.  차단/허용”하고 나옵니다. 데스크톱에서는 좌측상단에 “www.seenbuy.kr에서 다음 권한을 요청합니다. 허용/차단”으로 표시됩니다.  <테스크톱 이미지>  <스마트폰 이미지>   푸쉬 알림 보내기(Sending Push Messages) 워드프레스에서 알람 보내기 Onesignal 은 3만건까지 알람이 무료이지만 사용자나 구독신청 기기가 많으면 3만건도 쉽게 넘어가므로 Automatically send a push notification when […]

홈 바로가기 사용 조건

    ※ 홈 바로가기 기능은 구글(Google) 기술 및 브라우저별 지원 정책에 따라 사용 방식이 달라질 수 있습니다.             1) 페이지 URL을 ‘https://’로 접근했는지 확인해주세요.         홈 바로가기 기능은 ‘https://’ 보안 프로토콜로 접근한 페이지에서만 동작합니다.       2) 스마트폰 크롬브라우저에서는 아래의 이미지와 같이 하단에 표시됩니다.        […]

PWA(프로그레시브 웹 앱, Progressive Web Apps) 유효성(매니페스트(manifest), 서비스워커(service worker) ) 검사방법

  웹앱 매니페스트 & 서비스워커(Web App Manifest & Service Worker)   웹앱 매니페스트(Web App Manifest) 웹앱 매니페스트란 앱에 대한 정보를 담고 JSON 파일입니다. 배경색은 어떠한 색인지, 앱의 이름은 무엇인지, 홈스크린 화면에 추가할 때 아이콘은 어떤 것인지 등의 정보를 담고 있죠. 웹앱 매니페스트는 manifest.json 파일명을 대부분 사용합니다.(출처 : 웹앱 매니페스트 & 서비스워커(Web App Manifest & Service Worker) )   […]

[추천]워드프레스에서 Push Notifications(푸쉬 알림) 구현하기와 홈화면 추가(add to homescreen) : OneSignal 등

web 을 app 으로 구현하기 위해서는 홈화면 추가( add to homescreen ) 와 Push Notifications(푸쉬 알람) 구현하기가 필요한데, 홈화면 추가( add to homescreen ) 관련 plugin에는 괜찮은 것이 없습니다.  OneSignal의 Push Notifications(푸쉬 알람) 에서 혹시 홈화면 추가( add to homescreen ) 이 있는지 기대해봅니다.  물론 OneSignal의 Push Notifications(푸쉬 알람) 는 위대합니다.    Push Notifications(푸쉬 알람) 구현하기   Onesignal.com 외 푸쉬 알림 서비스들 […]

용역(이사, 도배, 용달 등) 주선업 app 개발하기

워드프레스로 용역(이사, 도배, 용달 등) 주선업 app 개발하고 정리해 보았습니다.     개발 단계 개요 1. 견적요청 DB를 생성하여 구글 스프레드 시트로 공유하      1-1. 구글 설문지로 견적 요청서 만들기     1-2. 구글 설문지를 DB로 전환하기     1-3. 생성된 DB를 데이터로 활용하기(도표 만들기 및 사이트에 집어넣기)     1-4. 워드프레스 폼 플러그인들(form plugins)로 견적요청 DB를 생성하여 […]