Perfect Pixel Placement

    In order to pair videos with article content hosted on distribution partners' websites, placeholder embed code (a Perfect Pixel placement) may be placed multiple times within an article that remain hidden and only become Single player products when activated by Inform Player Suite's placement manager (Perfect Pixel). The placement manager allow editors to place specific videos within these embed code placeholders or to enable the use of recommenders that automatically select which video should be paired with its webpage's content.

    Config Settings

    Since Perfect Pixel placements receive their config settings from the placement manager, only the following config settings are needed for placeholder embed code:

    • trackingGroup — specifies the distribution partner's tracking group used for reporting; this config setting is critical in associating distribution partners with their revenue
    • placementId — identifies the placeholder embed code so that the placement manager (Perfect Pixel) is able to specify this product's config settings including which video to play or whether a product is to be placed here at all. Important Note: The "placementId" config setting's value becomes the container element's "id" attribute, so it must be distinct from all other "id" attributes used within the page and must match all other HTML requirements.

    Use Cases

    Placeholder Embed Code

    Placeholder embed code for a Perfect Pixel placement is fairly straight-forward, requiring few config settings. In the below example placeholder embed code the "placementId" is "inform-placement-1", but this value can be more descriptive (such as "inform-placement-top", "placement-middle", "bottom-placement", or "bottom-placement-2") as long as it is distinct from all other "id" attributes used within the page and matches all other HTML requirements for the "id" attribute.

    Multiple Perfect Pixel Placements Within a Page

    Placing multiple Perfect Pixel placements within a page offers flexibility when using Inform Player Suite's placement manager by providing multiple places where products may be embedded. The placeholder embed code should have a "placementId" config setting value that is distinct from other placeholder embed code on the page.

    Tip: It is helpful if meaningful placement IDs are used (such as "article-placement-top", "article-placement-middle", "nav-placement-bottom") instead of numbered IDs that are less descriptive ("placement-1", "informplayer-2", "product3", and so on).

    Using JavaScript API to Detect When No Placement is Made

    The JavaScript API allows partners to detect when no product is placed within a Perfect Pixel placement's placeholder embed code (when the Perfect Pixel placement remains hidden).

    This allows partners to modify their webpage's layout when a placement is unavailable, possibly displaying something else on the page in its place.

    An example of detecting this shown below: