Page History

Content of the modification as a single string. Newlines and other control characters in the original content are converted into escape sequences in the returned string.

The following examples show the content of a modification as defined in the modification and as returned in the content property:

<p>My Frosmo-managed content...</p>
<p>...straight from a modification!</p>

"<p>My Frosmo-managed content...</p>\n<p>...straight from a modification!</p>"

Template defaults defined for the modification, if any.

The following examples show two template defaults as defined in the modification and as returned in the params property.

{
    "name": "My Product",
    "price": 99.99
}

{
    name: "My Product",
    price: 99.99
}

The template defaults are also available as props in all children of the FrosmoPlacement component. In the following example, ProductMessage receives the template defaults name and price as props from FrosmoPlacement.

<FrosmoPlacement id="frosmo-placement">
    <ProductMessage />
</FrosmoPlacement>

class ProductMessage extends Component {
    render() {
        const content = {__html: this.props.name + " costs only " + this.props.price + " euros!"};
        return (
            <div dangerouslySetInnerHTML={content} />
        );
    }
}

For more information about templates, see Creating and using modification templatesTemplates.

Function for setting which HTML elements to start tracking for clicks, displays, and true displays when calling startTracking. Any tracked events get attributed to the modification.

The function takes one parameter:

• If you want to track a single element, define an HTMLElement representing that element.
• If you want to track multiple elements, define an array of HTMLElements representing those elements.

For more information, see Tracking basic events for React fragments.

Function for starting click, display, and true display tracking for the elements set by setTrackableElements. Once started, the Frosmo Platform automatically tracks clicks, displays, and true displays for the specified elements (until the visitor reloads the page, navigates away from the page, or closes the page). Any tracked events get attributed to the modification.

For more information, see Tracking basic events for React fragments.

Function for manually triggering a display event for the modification.

Use this function if a child of the FrosmoPlacement component uses a 3rd-party plugin that blocks the normal event tracking of the Frosmo Platform, but you still want to send displays for the child component. The displays get attributed to the modification.

Function for manually triggering a true display event for the modification.

Use this function if a child of the FrosmoPlacement component uses a 3rd-party plugin that blocks the normal event tracking of the Frosmo Platform, but you still want to send true displays for the child component. The true displays get attributed to the modification.

Function for manually triggering a click event for the modification.

Use this function if a child of the FrosmoPlacement component uses a 3rd-party plugin that blocks the normal event tracking of the Frosmo Platform, but you still want to send clicks for the child component. The clicks get attributed to the modification.