How do I use Ezoic’s Progressive Web App? (PWA)
Modified on: Wed, 27 May, 2020 at 7:33am

Jump to:

What is PWA and how does it work?

Will my site benefit from PWA & how does PWA compare with AMP?

Are there any special requirements for using PWA at Ezoic?

Installing PWA

What is PWA and how does it work?


PWA stands for Progressive Web App. PWAs leverage sophisticated capabilities to deliver the full mobile web experience presented to the user in a way that looks and feels like an app. 

 

This is leveraged to deliver faster and more dynamic mobile experiences to users. Publishers using Ezoic’s systems will have free access to PWA functionality without having to make changes to their CMS or site code to create their own app. PWA functionality includes:


  • The ability to access and work with content offline
  • Allow visitors to install a PWA icon to their home screens 

 

PWA will integrate with your existing site setup and enables publishers to discover important information about visitor browsing habits. Ezoic uses a number of templates for PWA, and adjusts things like menu style and layout to help extend sessions and improve revenue.


Will my site benefit from PWA & how does PWA compare with AMP?

 

Which technology you use really depends upon what your goals are with each individual site. PWA differs from AMP in that AMP are accelerated mobile pages which simplify typical HTML by requiring rules to be followed for AMP validation, such as banning in-line JS and caching content on a Google URL. 

 

There has been a lot of debate as to whether AMP or PWA make for better user experiences and increased revenue for publishers. AMP has been found in some tests to significantly improve site speed but in some cases to increase bounce rate and decrease revenue. More info from our blog can be found here: Maximising Google AMP results

 

Early testing results have shown that PWA enables publishers to benefit from:

 

  • Pages that load faster between pageviews
  • App-like functions and features 
  • We will also be building in the ability to enable push notifications

 

For further comparisons of PWA and AMP check out our blog article: PWA and AMP


Are there any special requirements for using PWA at Ezoic?

 

At present, sites must be using Wordpress to be able to use our app.


Installing PWA

 

1. Navigate to the Design tab in your Ezoic dashboard and select PWA.


You may need to "Enable Design" first, then you can install and open the PWA App.


image


2. Installation Setup is done via the app. Select WordPress for Content Management and complete installation. 


3. Select "Finish Setup" (the button will now only show "Save Settings")


image


4. In the “Home Screen Icon” you can set a name for your PWA and a launch icon as well as a URL. You can also customize theme and background colors. Click “Save Settings” when you are done.


image


5. If you wish to add exclusions from PWA go to the “Excluded URLs” tab and add and save the URLs to this list.


6. To edit menu items click the corresponding tab. You can add primary and secondary menu items by clicking the + sign next to “New Item Label”. You also need to add the URLs into the “Link” field when you edit an item. In the left hand column you can also Preview how this will appear.


image


7. Click the “Send Email” link in the “Turn On/Off” tab to view and verify the templates. You can also click “Open Preview” within the same tab. 


*Please note that you need to be on a mobile device to preview the templates.


image


8. When you are happy with the setup, go to the “Turn On/ Off” tab and slide the toggle to “On” and save you settings. PWA will then default to 10% of mobile traffic. And that’s it - You’re all set!


9. If you have any feedback or difficulties you can submit details directly to our tech team by clicking the “Feedback” tab. You will also be able to request Plugin support - as well as see a dedicated list of currently supported plugins for Ezoic PWA.


image

 



Loading ...