Minimal integration example

This example shows how Prism Data Structure can be used with the minimum required amount of data.

In this case, only the main content of the Article and the Hero image is shared with Prism, while the rest of the page is controlled by Prism settings outside Prism Data Structure.

Step 1 - Integration

Publisher should implement one of of the integration methods.

This example uses method #3 GET request to page url with ?prism_data=1 param.

Step 2 - Prism Server’s request

Prism Server sends requests with ?prism_data=1 GET parameter to any URL of the site:

example url
https://yoursite.com/page/url/?prism_data=1

Step 3 - Origin’s response

The response code should be 200 and contain JSON markup with at least two Widgets:

Full response example

[
    {
        "Type": "head",
        "Id": "abcABC123",
        "Url": "https://yoursite.com/page/url/", 
        "Content": "<!-- Content from your <head></head> tag: --> <title>Page title</title><link rel=\"icon\" href=\"https://yoursite.com/favicon.png\" sizes=\"32x32\" /> ..."
    },
    {
        "Type": "article",
        "Id": "abcABC123",
        "Taxonomies": [{
            "Type": "Category",
            "Items": [{
                "Name": "Football",
                "Default": true
            },{
                "Name": "Basketball",
                "Default": false
            }]
        }],
        "Image": {
            "Src": "https://yoursite.com/images/hero-full.jpg",
            "Width": 1500,
            "Height": 844,
            "Alt": "Alt text",
            "Caption": "Caption text",
            "Description": "Image description text"
        },
        "Title": "Article title",
        "Text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur interdum, nisl quis facilisis sollicitudi, tellus metus fringilla dolor, eu porta libero mauris finibus metus. Quisque pulvinar mattis sagittis."
    }
]

Next Steps