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.0

You can use Frosmo Preview to preview and troubleshoot how the Frosmo Platform is working on your site. You can also view detailed information about your current visitor session and about your site.

Tip

Before you proceed, make sure you're familiar with the following getting started topics:

Let's walk through a few common uses cases:

Table of Contents
excludeFurther use cases

For additional uses case documentation, see Further use cases.

Previewing a modification

You can preview how a modification looks and behaves in different placements on a page. You can preview both active and inactive modifications.

You can use previewing to, for example:

  • Test how a modification you've just created, but haven't yet activated, actually looks on the page.
  • Try out how an existing modification works in placements other than the one to which the modification is currently assigned.

To preview a modification:

  1. Go to your site, and navigate to the page where you want to preview the modification.
  2. Launch Frosmo Preview.
  3. Select Preview.
  4. In the Modification field, select the modification you want to preview. To filter the list of modifications, start typing the ID or name of your modification.

    Selecting the modification you want to previewImage Added

  5. In the Variation ID field, select the content variation you want to preview. Variation 999 denotes the comparison group, that is, the original content.

    Selecting the content variation you want to previewImage Added

  6. In the Placement field, select the placement in which you want to preview the modification. To filter the list of placements, start typing the ID or name of your placement. Placements marked with a green check mark () are valid for the current page, so select from them.

    Selecting the placement in which you want to preview the modificationImage Added

  7. Click Preview. The page displays the selected modification variation in the selected placement.

    Previewing the modificationImage Added

  8. While previewing:
    • To highlight the modification, click Highlight.

      Highlighting the modificationImage Added

      The browser viewport scrolls to the modification, unless the modification is already inside the viewport, and the modification gets highlighted with an orange border.

      Highlighting the modificationImage Added

      To remove the highlight, click Preview.

    • To view summary information about the modification and placement, check the Modification and Placement tabs.

      Viewing summary information about the modification and placementImage Added

      Tip

      If you want to view more detailed information about the modification and placement, debug them instead.


    • To end the preview, click Reset. The selected placement reverts to its normal content.

      Cancelling the previewImage Added

Debugging a modication

You can debug a modification to:

  • Troubleshoot why the modification is not displaying on a page or otherwise working as you'd expect.
  • View detailed information about the modification and associated components.

To debug a modification:

  1. Go to your site, and navigate to the page where you want to debug the modification.
  2. Launch Frosmo Preview.
  3. Select Debug > Modifications. The view lists all active and inactive modifications defined for the site.

    Debugging modicationsImage Added

  4. Click the Debug button for the modification you want to debug.

    Debugging a modicationImage Added

    The application displays detailed information about the modification and associated components in the debugging section.

    Debugging a modicationImage Added

  5. In the debugging section:
    • To highlight the modification, if it's currently displayed, click Highlight.

      Highlighting the modificationImage Added

      The browser viewport scrolls to the modification, unless the modification is already inside the viewport, and the modification gets highlighted with an orange border.

      Highlighting the modificationImage Added

      To remove the highlight, click Unhighlight.

    • To find out which basic events the modification has triggered on the current page load, check the modification status. Green means the event has been triggered, while red means the event has not been triggered.

      Checking the modification statusImage Added

      If the platform cannot display the modification on the current page, the application displays an error message.

      Checking the modification statusImage Added

    • To view detailed information about the modification or an associated component, select the appropriate tab.

      Viewing detailed information about the modification or an associated componentImage Added

      If there's an issue with the modification or an associated component, the application displays a warning sign next to the tab label, and next to the specific field that the issue concerns.

      Viewing detailed information about the modification or an associated componentImage Added

Checking your current segments

To check how you are currently segmented as a visitor on your site:

  1. Launch Frosmo Preview.
  2. Select Visitor. The application displays detailed information about your current visitor session.

    Checking your current segmentsImage Added

  3. In the Segments section, check the listed segments. These are the segments that you are currently in.

    Checking your current segmentsImage Added

Further use cases