This document provides instructions for using the AnyClip embed code for Direct Embed pages, and is intended for Hub operation users and/or product managers
You will receive the embed code from your account manager. For example:
<script src="https://player.anyclip.com/anyclip-widget/lre-widget/prod/v1/src/lre.js" pubname="testcom" widgetname="0011r00002JOYIt_932"> </script>
Embed the code inside the HTML code between the two paragraphs where you would like the AnyClip player to appear.
<h1>Article Headline</h1>
<h2>Subhead</h2>
<p> Article text here. Article text here. Article text here. Article text here. Article text here. Article text here. Article text here. Article text here. Article text here. Article text here. Article text here.</p>
script src="https://player.anyclip.com/anyclip-widget/lre-widget/prod/v1/src/lre.js" pubname="testcom" widgetname="0011r00002JOYIt_932">
</script>
<p>Article text here. Article text here. Article text here. Article text here. Article text here. Article text here. Article text here.
</p>
Note
Do not insert the code inside <a.
Do not insert the code inside <h1, ...., <h6.
Preferably, insert the code inside <p> or <div> elements.
Once you have completed the implementation, update your AnyClip POC so that we can validate and monitor everything on our end.
Tip
For better results, consider placing the code in a highly viewable position.
To properly test the implementation, implement the code on a test page similar to any live article page on your Hub .
Optional embed code parameters
The following are optional embed code parameters you can use in your embed:
Attribute | Name | Values | Description |
data-cr | Carousel |
| Enables and disables the carousel. Note that this attribute can only work with aspect ration 16:9. |
data-ap | Autoplay |
| Configures the Playback method. |
ourl | Target URL | The URL that should be analyzed and passed to the demand partners. Should be used mainly when the embed code is implemented within in iFrame. | |
data-plid | Playlist ID | Playlist ID, e.g.: 4573 | Sets the desired Playlist ID taken from the AnyClip console. |
data-ar | Aspect Ratio |
| Sets the Aspect ratio of the player. |
data-snd | sound on |
| Determines if the player will start playback with sound or without sound |
data-pln | Playlist Name | Playlist Name, e.g.: New-Travel
| Sets the desired Playlist Name taken from AnyClip's console |
data-theater | Theater Mode |
| Determines whether or not the AnyClip player will be opened in theater mode |
data-tm-preids | Video distribution IDs | Array of Video distribution IDs, e.g.: data-tm-preids= '["gvwfuobtjayeeok7jjwee2sbnvfeuucs", "pfwfunrtjayeeok7jjwee2sbnvgg6old"]' | Sets the desired list of Video distribution IDs that will be played in the player. The Video distribution IDs are taken from AnyClip's console. |
data-tm-videoguids | Video GUIDs | Array of Video GUIDs, e.g.: data-tm-videoguids= '["ABCD", "XYZ"]' | Sets the desired list of Video GUIDs that will be played in the player. The Video GUIDs are the ones determined by the client and can be taken from AnyClip's console. |
data-variant | Variant/Version | String Limited to a single character (letter or number) *If there is a need to pass a variant that has more than one character please reach out to your AnyClip AM. | This attribute is used for reporting purposes, particularly for AB testing. It allows clients to gather data and analyze reports based on different variants or versions. |
data-kv | Key-Value | String | The value assigned to this parameter can serve as a pass-through macro for any demand tags within the demand stack. It's important to note that AnyClip does not retain this data, therefore it will not be included in reports. If you wish to set it up, please contact your Account Manager. |
Example:
<script src="https://player.anyclip.com/anyclip-widget/lre-widget/prod/v1/src/lre.js" pubname="testcom" widgetname="0011r00002JOYIt_932" data-cr=1 data-ap=on data-variant="a" data-kv="4567-1234-8976"></script>