Product Updates: See what’s new in Quintype’s website builder app - Ahead/PB
Quintype's website builder app, Ahead/PB, has recently undergone significant updates that enhance your news website's flexibility, customization, engagement, and security. These updates aim to improve the user experience and increase engagement on your website, with features like Dark Mode, URL Redirections, Localisation, Data nosnippet, and Published Date & Time.
To help publishers monetise the increased engagement, we have added the ability to show Ads to visual/web stories using Google Ad Manager or Adsense. Additionally, to improve revenue and ensure consistent display of widgets across all pages, publishers can now disable Progressive Web Apps (PWA).
To address the deprecation of third-party cookies, publishers can now set their first-party cookies with greater control and security. We have also implemented Content Security Policy (frame-ancestors) to combat Cross-Site Scripting (XSS) attacks and clickjacking.
With these updates, you can ensure your news website is secure, engaging, and optimized for monetisation.
Let’s dive into the details of these features:
As the world becomes increasingly digital, adopting dark mode has become a major trend across various industries. As per EarthWeb, 81.9% of smartphone users use dark mode.
Social media platforms, mobile operating systems, and even email clients now offer dark mode as a feature. With its ability to improve readability, conserve battery life, and reduce eye strain, the dark mode has quickly become a preferred option for many users.
So keeping this trend in mind and understanding our publishers' requirements, we introduced Dark Mode in Pagebuilder/Ahead.
Readers can use the toggle bar to enable dark mode to view the content on your website. Interestingly, we also retain the last setting made by the reader. So if they returned to it later, they could see the website in the same mode.
Letting users land on a “404 page not found” can be frustrating and confusing, leading to a negative user experience and harming your website's search engine rankings.
It's essential to redirect users to a relevant page or offer suggestions for alternative content to keep them engaged and prevent SEO problems.
This is where “Redirections” can help. You can set up 301(permanent) & 302(temporary) redirects for broken, duplicated, or moved pages to ensure users and search engines can find the most relevant and current page.
Monetisation of Web Stories
Web stories have become increasingly popular as a new way of engaging users with visual, immersive content.
This short-form, interactive narratives are designed to be easily consumed on mobile devices. Publishers, brands, and social media platforms often use them to tell stories more dynamically.
But the question arises of how to convert this engagement to revenue.
To monetise these web stories, we brought in the option to add Ads to visual stories via Google Ad Manager or Google Adsense.
Localisation is a critical element of modern news website design, allowing publishers to tailor content and presentation to specific audiences to maximise engagement and drive traffic.
By taking a more granular approach to localization, publishers can improve the usability and accessibility of their websites, making them more appealing and engaging to a broader range of users.
You can localize the following elements using Pagebuilder/Ahead:
Date & Time
Buttons & Labels
Page title for 404 page
Published and Updated Date & Time
For news stories, recency and relevancy are essential for success. News stories must be timely and up-to-date while providing valuable insights and relevant perspectives to their target audience.
By prioritizing recency and relevancy, publishers can drive traffic and engagement and establish their websites as trusted sources of information.
With Pagebuilder/Ahead, you can display either the Published or Updated date & time on the entire website.
Since live blogs are all about recent updates, we recommend using the Updated time.
Short code integrations have become increasingly popular to simplify and streamline integrating third-party tools and services into websites and applications.
Developers can quickly and easily implement integrations without complex configurations or custom code by using short, easy-to-remember code.
It's a step in the right direction when we look at the scalability and flexibility of the features we develop.
Data nosnippet is a valuable tool for publishers who want to control how their content is displayed on search engines. By using the nosnippet tag, publishers can prevent search engines from displaying certain snippets of text or images, providing greater control over the presentation of their content.
So when a crawler looks at an attribute called “data nosnippet,” it will ignore that particular block of HTML code.
Moreover, data nosnippet can enhance the user experience by encouraging visitors to click through to the website and engage with the content.
Progressive Web Apps (PWA)
While progressive web apps offer a more engaging, cost-effective, and user-friendly alternative to native apps, they also have drawbacks.
We received several complaints from publishers regarding ads and widgets needing to be rendered consistently and avoiding delays in reflecting the changes made on Pagebuilder/Ahead. This had a direct impact on content monetisation by the publishers.
Hence to combat this, we provided an option to disable the progressive web apps. Publishers who disabled PWA saw increased ad revenue and widgets displayed consistently across all pages.
The deprecation of third-party cookies, as announced by Google in Jan 2020 and later by Apple, presents a challenge for advertisers, marketers, and website owners who rely on them for tracking and targeting users.
This is where first-party cookies help. The website sets first-party cookies and is not shared with third-party domains.
They identify an anonymous visitor, remember user preferences, track user behavior, and personalize the user experience.
First-party cookies also help to gain more control of your data and are considered less invasive and more secure.
Content Security Policy
Cross-site scripting (XSS) is a security vulnerability allowing attackers to inject malicious code into a website or web application. This can lead to various risks, including stealing sensitive user information, hijacking user sessions, and defacing the website.
To reduce the Cross-Site Scripting (XSS) attacks & clickjacking, we implemented Content Security Policy (frame-ancestors) to prevent anyone from publishing/ posting any content from the publisher's website in an iframe as an embed.
So that’s about all the features that I wanted to talk about. We recently did a webinar on these new features where our Product Manager, Mansi Gupta, and lead engineer, Jeevan Kishore, discussed these features in detail. You can watch the webinar recording below.
If you aren’t yet using Quintype’s website builder app to reduce the time to market, you can try it free for 14 days