> ## Documentation Index
> Fetch the complete documentation index at: https://docs.permutive.com/llms.txt
> Use this file to discover all available pages before exploring further.
# JW Player
> Integrate with JW Player for targeting and campaign optimization
export const NoBadge = () => {
return
No
;
};
export const YesBadge = () => {
return
Yes
;
};
export const BadgeRowCenter = ({label, children}) => {
return
{label}
{children}
;
};
export const BadgeRow = ({label, children}) => {
return
{label}
{children}
;
};
export const BadgeContainer = ({children}) => {
return
{children}
;
};
export const ProductRequiredBadge = ({product}) => {
const getBadgeStyle = product => {
switch (product) {
case 'Core Platform':
return {
background: '#CB88FC',
color: '#1A1A1A'
};
--purple;
case 'Routing':
return {
background: '#CB88FC',
color: '#1A1A1A'
};
--purple;
case 'Contextual':
return {
background: '#CB88FC',
color: '#1A1A1A'
};
--purple;
default:
return {
background: '#A7B3D9',
color: '#1A1A1A'
};
--haze;
}
};
const style = getBadgeStyle(product);
return
{product}
;
};
export const SdkRequiredBadge = ({required}) => {
const getBadgeStyle = required => {
switch (required) {
case 'Yes':
return {
background: '#C7E8F9',
color: '#1A1A1A'
};
--blue;
case 'No':
return {
background: '#F7D0E2',
color: '#1A1A1A'
};
--pink;
default:
return {
background: '#A7B3D9',
color: '#1A1A1A'
};
--haze;
}
};
const style = getBadgeStyle(required);
return
{required}
;
};
export const CapabilityBadge = ({capability}) => {
const getBadgeStyle = capability => {
switch (capability) {
case 'Event Collection':
return {
background: '#EFDFC8',
color: '#1A1A1A'
};
--clay;
case 'Cohort Activation':
return {
background: '#EFDFC8',
color: '#1A1A1A'
};
--clay;
case 'Campaign Optimization':
return {
background: '#EFDFC8',
color: '#1A1A1A'
};
--clay;
case 'Identity Signal':
return {
background: '#EFDFC8',
color: '#1A1A1A'
};
--clay;
case 'Contextual Signal':
return {
background: '#EFDFC8',
color: '#1A1A1A'
};
--clay;
case 'Connectivity':
return {
background: '#EFDFC8',
color: '#1A1A1A'
};
--clay;
case 'Routing':
return {
background: '#EFDFC8',
color: '#1A1A1A'
};
--clay;
case 'Data Collaboration':
return {
background: '#EFDFC8',
color: '#1A1A1A'
};
--clay;
default:
return {
background: '#A7B3D9',
color: '#1A1A1A'
};
--haze;
}
};
const style = getBadgeStyle(capability);
return
{capability}
;
};
export const EnvironmentBadge = ({environment}) => {
const getBadgeStyle = environment => {
switch (environment) {
case 'Web':
return {
background: '#F9C1A8',
color: '#1A1A1A'
};
--peach;
case 'iOS':
return {
background: '#F9C1A8',
color: '#1A1A1A'
};
--peach;
case 'Android':
return {
background: '#F9C1A8',
color: '#1A1A1A'
};
--peach;
case 'CTV':
return {
background: '#F9C1A8',
color: '#1A1A1A'
};
--peach;
case 'API Direct':
return {
background: '#F9C1A8',
color: '#1A1A1A'
};
--peach;
default:
return {
background: '#A7B3D9',
color: '#1A1A1A'
};
--haze;
}
};
const style = getBadgeStyle(environment);
return
{environment}
;
};
export const DirectionBadge = ({direction}) => {
const getBadgeStyle = direction => {
switch (direction) {
case 'Bidirectional':
return {
background: '#FA8784',
color: '#1A1A1A'
};
--tomato;
case 'Destination':
return {
background: '#FA8784',
color: '#1A1A1A'
};
--tomato;
case 'Source':
return {
background: '#FA8784',
color: '#1A1A1A'
};
--tomato;
default:
return {
background: '#A7B3D9',
color: '#1A1A1A'
};
--haze;
}
};
const style = getBadgeStyle(direction);
return
{direction}
;
};
JW Player is a leading video platform that helps publishers deliver and monetize video content across multiple platforms.
## Overview
JW Player is a leading video platform that helps publishers deliver and monetize video content across multiple platforms. Permutive can integrate with JW Player to enable cohort activation for video ad targeting.
This integration is currently available on a case-by-case basis. It is not yet available as a self-serve integration in the Permutive Dashboard. If you are interested in enabling this integration for your organization, please reach out to your Customer Success Manager.
Use cases include:
* Activate Permutive cohorts for targeting video ads served through JW Player
* Improve video ad performance using audience segments built in Permutive
* Enhance programmatic video advertising with first-party data
* Enable key-value targeting for web player implementations
## Environment Compatibility
| Environment | Supported | Notes |
| -------------- | ------------ | ----- |
| **Web** | | -- |
| **iOS** | | -- |
| **Android** | | -- |
| **CTV** | | -- |
| **API Direct** | | -- |
## Prerequisites
* **Permutive SDK**: The Permutive SDK must be installed on your website
* **JW Player**: You must have JW Player deployed on your site
* **Customer Success Manager Contact**: This integration requires assisted setup - contact your CSM to begin
## Setup
This integration is not yet available as a self-serve option in the Permutive Dashboard. To get started, reach out to your Customer Success Manager who will work with you to enable and configure the integration for your specific needs.
Technical Services will provide technical guidance and support throughout the implementation process, including configuration of your JW Player to pass Permutive cohorts as key-value pairs for ad targeting.
Once implementation is complete, your CSM and technical team will verify that Permutive cohorts are correctly being passed to your JW Player video ad requests.
## Data Types
Permutive cohorts are passed to JW Player as key-value pairs on video ad requests, enabling real-time targeting based on your audience segments.
Comma-separated list of Permutive cohort IDs that the user belongs to.
## Troubleshooting
Since this integration requires assisted setup, please contact your Customer Success Manager for any troubleshooting needs or questions about implementation.
## Changelog
For detailed changelog information, visit our [Changelog](https://changelog.permutive.com/).
