Pages

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Published by Scroll Versions from this space and version 4.3

This document provides a technical overview of the architecture and key features of the Frosmo platformPlatform. For a high-level introduction to what the platform offers, see Introduction to the Frosmo Platform.

Table of Contents
maxLevel2

Frosmo

...

Platform at a glance

The Frosmo platform Platform is a web UI development solution for improving website functionality and personalizing online user experience.

The following figure introduces the basic architecture and information flows of the Frosmo platformPlatform.

Figure: Frosmo platform Platform architecture and information flows at a glance

...

  • The Frosmo JavaScript library handles the modifications to the site, manages segmentation, collects usage data, and fetches content to display from the back end.
  • The Frosmo back end stores the usage data collected by the Frosmo JavaScript library and processes the data for reporting and analysis purposes. The back end also stores operational data related to modifications, segments, and other configurable resources.
  • The Frosmo Control Panel manages the Frosmo JavaScript library (and thereby how the site is modified and improved) and pools analytics data from the Frosmo back end.

The Frosmo platform Platform is hosted on servers in Central Europe. However, Frosmo can also set up dedicated instances in specific market areas.

Frosmo

...

Platform architecture

The following figure shows the main components and subcomponents of the Frosmo platform Platform architecture and the information flows between them.

Figure: Frosmo platform Platform architecture and information flows in detail

...

The Frosmo JavaScript library is the Frosmo presence in the front end. The library runs on top of a customer site in the visitor's browser, integrating the site with the Frosmo platformPlatform. The library provides both the framework for the platform to operate on the site and Frosmo's custom solutions for improving the site. The library is platform-independent and can be used together with existing web application frameworks, such as Angular and React.

...

The browser loads the Frosmo JavaScript library through two <script> elements placed directly in a web page's HTML code. The first element loads Frosmo Core and the second one loads the custom script for the site. Apart from adding these two elements to every page on a site, no other changes are required to use the Frosmo platformPlatform. For more information, see Adding the Frosmo scripts to your site.

The Frosmo JavaScript library is optimized for fast loading. Frosmo Core is only 50 KB in size, while the custom script usually ranges between 16-32 KB. For more information about the Frosmo platform Platform and site performance, see Measuring and improving website performance.

...

Script hosting and delivery

The Frosmo platform Platform uses content delivery networks (CDNs) to deliver the Frosmo JavaScript library and any Frosmo-specific media files used on websites. A CDN is a network of global servers connected to each other and used to store and deliver web content, such as images, videos, stylesheets, and JavaScript files. When a visitor browses a site, the content of the site is delivered by the CDN server geographically closest to the visitor, decreasing page load time.

By default, the Frosmo JavaScript library files are delivered through Amazon CloudFront, which serves the files using the CloudFront servers closest to the visitor. Frosmo can also use other CDNs based on customer requirements.

The Frosmo platform Platform uploads the custom script and associated media files (ones added directly to modifications) to the CDN every time they need to be updated, that is, every time something on the site is changed using the Control Panel. The assets are always exported to CloudFront and, when needed, copied from CloudFront to other CDNs.

...

The data layer allows you to pass information from a web page to the Frosmo JavaScript library. The library then sends the information to the Frosmo back end. The library can also use the information directly in the browser to, for example, display content or manage segmentation. The exact behavior depends on how the Frosmo platform Platform has been configured for the site.

...

The Control Panel is the main Frosmo application for customizing and monitoring websites. In a nutshell, the Control Panel allows you to:

  • Configure how the Frosmo platform Platform modifies content and segments visitors for a site.
  • Monitor how well the modifications and segmentation perform on the site.

...

The Graniitti API provides access to the data in the Frosmo back end. The API allows client applications to, for example, retrieve and create modifications, and retrieve usage data collected by the Frosmo platformPlatform.

Customers can use the API to, for example:

  • Provide data to custom dashboards and management UIs.
  • Provide an outside access point to usage data that is collected and stored by the Frosmo platformPlatform.

For more information, see Graniitti API.

...

In the Frosmo context, a modification is a real-time change to a web page designed to improve the usability and user experience of the website and guide visitors to complete a conversion. For example, modifications can be used to improve the sales funnel of an eCommerce site, leading to an increased conversion rate. In technical terms, a modification is a managed piece of code that changes the content, appearance, or behavior of a page directly in the visitor's browser. The code can consist of HTML, CSS, and JavaScript, in any combination.

The Frosmo platform Platform can use the data stored in the browser's local storage and cookies, such as segmentation data, to determine which modifications to show to the visitor. Modifications can also use data stored in the Frosmo back end.

...

  • Basic modifications are used for content that is retrieved from the Frosmo back end and displayed only after the browser has rendered the page.
  • Cached modifications are used for static content that must be inserted into the page code before the page is rendered in the browser. (Like with all modifications, the content is maintained in the Frosmo back end, but unlike with the other modification types, the content is inserted in full in the Frosmo custom script for fast access.)
  • Recommendations generate content from product data based on the visitor's previous behavior on the site.

Frosmo platform Platform administrators manage modifications in the Control Panel.

...

A conversion is any pre-determined action you want your website visitors to take. This can be, for example, a purchase of a product, signing up for a newsletter, or watching a video. You can define a conversion to be basically any variable in visitor behavior that you want to track and measure.

The Frosmo platform Platform counts purchase-related conversions on a transaction basis. The platform counts each transaction, a completed purchase of one or more products, as a single conversion.

Example: A visitor of an online book seller adds five different books to their shopping cart, with two copies of one book, for a total of six items. The visitor proceeds to checkout and completes a purchase of all six items. The Frosmo platform Platform counts the purchase – a transaction – as a single conversion. The visitor then adds one more book to their now-empty cart and completes another purchase. The Frosmo platform Platform counts the second purchase of a single item as a single conversion, too.

...

  • Modification performance data
  • Product data
  • Server logs
  • Visitor data

By default, the Frosmo platform Platform collects and processes only anonymous and pseudonymous information about visitors and their behavior on a website. The platform does not collect data that in itself enables the identification of an individual data subject.

For more information about what data the Frosmo platform Platform collects and where the platform stores the data, see Data collection and storage.

Integration with external systems and services

The Frosmo platform Platform can integrate with other back-end systems and online services, such as analytics tools, marketing automation systems, and data management platforms (DMPs).

Integrations are typically used for synchronizing segmentation data between the Frosmo platform Platform and an external back-end system, or for using the collected usage data outside the site. Integrations also allow the Frosmo platform Platform to input data about displayed or clicked content directly into an analytics tool, such as Google Analytics.

You can integrate the Frosmo platform Platform with, for example:

  • Analytics tools. If you want to use a separate web analytics tool, you should integrate it with the Frosmo platformPlatform, since changes made to your site with Frosmo are not, by default, included in 3rd-party web analytics tracking. Integration ensures that you have a clear understanding of what is happening on your site.
  • Marketing automation systems. The Frosmo platform Platform can gather and process segmentation and visitor data for marketing automation systems, which can then use the data to target the appropriate audiences. You can set up integrations with, for example, ad platforms and email services.
  • Data management platforms. As with many other systems, extracting useful data from DMPs can be laborious and requires the use of multiple APIs. The Frosmo platform Platform can be used as a master API, an interface for all data calls between a DMP and a site.

The Frosmo platform Platform can integrate with, for example, the following ad platforms:

...

For more information about integrations, see System and service integrations.

Frosmo

...

Platform security

The Frosmo platform Platform can limit user access to the Control Panel by IP address. This means that users can access the Control Panel only from the designated IP addresses and from Frosmo premises.

The Frosmo platform Platform can force all content that is provided through the Frosmo JavaScript library to a site to load resources only from specified domains. When this feature is enabled, the Frosmo platform Platform validates all modification content before it is saved to the Frosmo back end. If the content contains elements that could be used to load or inject resources from non-authorized domains, the content is rejected.

...

For information about how the Frosmo platform Platform works with browsers and other software, see:

...

Ad blockers and content filtering software

The Frosmo platform Platform is not on any known basic ad blocking lists.

Some filter lists and software block the Frosmo platformPlatform, for example:

  • EasyPrivacy
  • F-Secure Freedome VPN (only when tracking protection is enabled, and only for pages that use HTTP)
  • Ghostery (when the "Beacon" category is selected)
  • Opera's built-in ad blocker (which uses EasyPrivacy)

Private browsing

The Frosmo platform Platform interprets an incognito browsing session as a new visitor. This means that no segmentation data or other data previously stored in the browser is available for the session. Each new incognito session is counted as a new visitor.