Single Page Website theme has been a trend since 2013 until now. Single Page Website is a term for a website that consists of only one page. Hmm… it could also consist of several pages, but content and navigation should still be made simple and not complex. Then why does the Single Page Website theme have its own charm? This is because the appearance of the website content which is only one page makes visitors save a lot of time. They just need to scroll up and down to get the information they need and don't have to move pages.
It seems that many large companies make Single Page Websites for specific purposes. Examples of websites that use this theme are the Siladex Cough Medicine made by Konimex for the purposes of Siladex product campaigns and promotions, or the Get Uber website created by Uber so that customers download the Uber application.
When visiting both websites, visitors only need to scroll up and down. Well, we can use the scroll activity itself as a parameter to measure the effectiveness of a website. From this, we can find out how many visitors actually just opened our website without scrolling and how many visitors scrolled to the bottom of the page. So that later we can adjust the location of the content that we think is most important on the website based on the scroll data of website visitors.
Read: 9 Website Design Tips that Will Increase Engagement and Conversion
So, how do we get the percentage number of visitors who scroll through the website? We can use a tool called Google Tag Manager (GTM). These tools can be used to find out the number of visitors scrolling 25%, 50%, 75%, and 100%. Understanding scroll 25% are visitors who scroll only a quarter of our website, then scroll 50% are visitors who scroll half of our website, scroll 75% are visitors who scroll three-quarters of our website or almost scroll until the bottom, and the last scroll 100% are visitors who scroll to the very bottom of the website.
Oh yes, Google Tag Manager (GTM) itself is one of the features of Google Analytics (GA) which is used to assist in tag management needed for user behavior analysis without having to edit code on the website backend. So in essence we don't need to mess with the codings on the website, because GTM already provides a feature to detect scrolling performed by website visitors, so our job is only to activate it.
Now, an existing website account on GTM can add scroll tags. Make sure that the GTM javascript is properly installed on the website so that the tags that will be added to the website can be synchronized.
Here are the steps for adding scroll tags to a website:
- Open the workspace website on GTM
- Select tags and create new tags for example with the name "Scroll 25%"
- In the Configuration Tag select Universal Analytics
- Select Event on Track Type
- Fill in the category, action, label with the name "Scroll 25%"
- Fill in the value with number one
- Checklist the enable overriding settings in this tag
- Fill in the tracking ID with the Google Analytics (GA) website code
- Add a new triggering with the name "Scroll 25%"
- Select Scroll Depth on the User Engagement menu, then checklist vertical or horizontal scroll depths along with percentages as needed.
- Then select All Pages in the section this trigger fires on
- Save the tags with the name "Scroll 25%" and click submit
- To see whether the 25% Scroll Tags has been installed or not, you can do it by clicking Preview and Refresh the website so that a notification that Tags have been installed or not appears.
- You can add new Tags for Scroll 50%, 75%, and 100% with the same steps.
The results of how many visitors scrolled 25%, 50%, 75% or 100% on the website can be seen in Google Analytics (GA) in the events section of the behavior menu. After getting the percentage of website visitors who scrolled 25%, 50%, 75%, and 100%, we can optimize the location of the content on the website so that visitors get the information they need easily or can provide suggestions in drafting a website concept that leads visitors. scroll to the bottom page of the website.
So how? Intending to use GTM and take advantage of the scroll function on your website?