DCR Static Browser SDK (6.0.0): Difference between revisions
From Engineering Client Portal
ColinBrown (talk | contribs) No edit summary |
AnkitAgrawal (talk | contribs) |
||
(13 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
{{Breadcrumb|}} {{Breadcrumb|Digital}} {{Breadcrumb|DCR & DTVR}} {{CurrentBreadcrumb}} | {{Breadcrumb|}} {{Breadcrumb|Digital}} {{Breadcrumb|US DCR & DTVR}} {{CurrentBreadcrumb}} | ||
[[Category:Digital]] | [[Category:Digital]] | ||
== Prerequisites == | == Prerequisites == | ||
Line 12: | Line 10: | ||
! Description | ! Description | ||
! Source | ! Source | ||
|- | |-style="background-color:#d0f6f8;" | ||
|| ☑ || '''App ID (appid)''' || Unique ID assigned to the player/site and configured by product. || Contact Nielsen | || ☑ || '''App ID (appid)''' || Unique ID assigned to the player/site and configured by product. || Contact Nielsen | ||
|} | |} | ||
== Release Notes == | |||
The release notes on the Browser SDK can be located here: '''[[Browser SDK Release Notes|Release Notes]]''' | |||
== Implementation Steps == | == Implementation Steps == | ||
Line 20: | Line 21: | ||
The Nielsen DCR Tracking Code must be added to each page. | The Nielsen DCR Tracking Code must be added to each page. | ||
<syntaxhighlight lang="javascript"><script> | <syntaxhighlight lang="javascript"><script> | ||
// Static Queue Snippet | |||
!function( | !function (e, n) { | ||
function t(e) { | |||
return "object" == typeof e ? JSON.parse(JSON.stringify(e)) : e | |||
} | |||
e[n] = e[n] || | |||
{ | |||
nlsQ: function (o, r, c) { | |||
var s = e.document, | |||
a = s.createElement("script"); | |||
a.async = 1, | |||
a.src = ("http:" === e.location.protocol ? "http:" : "https:") + "//cdn-gl.imrworldwide.com/conf/" + o + ".js#name=" + r + "&ns=" + n; | |||
var i = s.getElementsByTagName("script")[0]; | |||
return i.parentNode.insertBefore(a, i), | |||
e[n][r] = e[n][r] || { | |||
g: c || {}, | |||
ggPM: function (o, c, s, a, i) { e[n][r].q = e[n][r].q || []; try { var l = t([o, c, s, a, i]); e[n][r].q.push(l) } catch (e) { console && console.log && console.log("Error: Cannot register event in Nielsen SDK queue.") } }, | |||
trackEvent: function (o) { e[n][r].te = e[n][r].te || []; try { var c = t(o); e[n][r].te.push(c) } catch (e) { console && console.log && console.log("Error: Cannot register event in Nielsen SDK queue.") } } | |||
}, | |||
e[n][r] | |||
} | |||
} | |||
}(window, "NOLBUNDLE"); | |||
// SDK Initialization | // SDK Initialization | ||
var nSdkInstance = NOLBUNDLE.nlsQ("PXXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXX", "nlsnInstance", { | |||
nol_sdkDebug: "debug" | |||
}); | |||
// Content Metadata | // Content Metadata | ||
var nielsenMetadata = { | var nielsenMetadata = { | ||
type: 'static', | type: 'static', | ||
assetid: '', // *DYNAMIC METADATA*: unique ID for each article **REQUIRED** | assetid: 'HHF887465-9486', // *DYNAMIC METADATA*: unique ID for each article **REQUIRED** | ||
section: '', // *DYNAMIC METADATA*: section of site **REQUIRED** | section: 'SPORTS', // *DYNAMIC METADATA*: section of site **REQUIRED** | ||
segA: '', // *DYNAMIC METADATA*: custom segment | segA: 'HDVIDEOS', // *DYNAMIC METADATA*: custom segment | ||
segB: '', // *DYNAMIC METADATA*: custom segment | segB: '', // *DYNAMIC METADATA*: custom segment | ||
segC: '' // *DYNAMIC METADATA*: custom segment | segC: '' // *DYNAMIC METADATA*: custom segment | ||
Line 39: | Line 63: | ||
nSdkInstance.ggPM("staticstart", nielsenMetadata); | nSdkInstance.ggPM("staticstart", nielsenMetadata); | ||
</script></syntaxhighlight> | </script></syntaxhighlight> | ||
<blockquote>For DCR static, BSDK cannot be run in an iframe because the blur/focus events of the parent page may not propagate to the iframe. The iframe events typically trigger when the iframe itself is clicked. The BSDK is dependent on the blur/focus events of the browser to detect active viewing of the page. Because the root page events do not propagate to the iframe, this would impact incorrect DCR static crediting.</blockquote> | |||
=== Tracking Code Components === | |||
The tracking code includes | The tracking code includes | ||
* Static Queue Snippet | * Static Queue Snippet | ||
Line 51: | Line 76: | ||
The static queue snippet allows the SDK APIs to be called while the actual SDK and configuration file are still being downloaded. As the queue can capture all API calls before the download completes, there is no wait time. Once the SDK is available, the API calls will transition from directing to the queue to the SDK seamlessly. | The static queue snippet allows the SDK APIs to be called while the actual SDK and configuration file are still being downloaded. As the queue can capture all API calls before the download completes, there is no wait time. Once the SDK is available, the API calls will transition from directing to the queue to the SDK seamlessly. | ||
<syntaxhighlight lang="javascript"> | <syntaxhighlight lang="javascript"> | ||
!function( | <script> | ||
{ | // Static Queue Snippet | ||
!function (e, n) { | |||
function t(e) { | |||
return "object" == typeof e ? JSON.parse(JSON.stringify(e)) : e | |||
} | |||
e[n] = e[n] || | |||
{ | |||
nlsQ: function (o, r, c) { | |||
var s = e.document, | |||
} | a = s.createElement("script"); | ||
(window,"NOLBUNDLE");</syntaxhighlight> | a.async = 1, | ||
a.src = ("http:" === e.location.protocol ? "http:" : "https:") + "//cdn-gl.imrworldwide.com/conf/" + o + ".js#name=" + r + "&ns=" + n; | |||
var i = s.getElementsByTagName("script")[0]; | |||
return i.parentNode.insertBefore(a, i), | |||
e[n][r] = e[n][r] || { | |||
g: c || {}, | |||
ggPM: function (o, c, s, a, i) { e[n][r].q = e[n][r].q || []; try { var l = t([o, c, s, a, i]); e[n][r].q.push(l) } catch (e) { console && console.log && console.log("Error: Cannot register event in Nielsen SDK queue.") } }, | |||
trackEvent: function (o) { e[n][r].te = e[n][r].te || []; try { var c = t(o); e[n][r].te.push(c) } catch (e) { console && console.log && console.log("Error: Cannot register event in Nielsen SDK queue.") } } | |||
}, | |||
e[n][r] | |||
} | |||
} | |||
}(window, "NOLBUNDLE"); | |||
</script> | |||
</syntaxhighlight> | |||
Line 112: | Line 151: | ||
Update <code><apid></code> with the AppID provided. Refer to the [[#Going_Live|Going Live]] section to know about updating the AppID to production after testing is completed. | Update <code><apid></code> with the AppID provided. Refer to the [[#Going_Live|Going Live]] section to know about updating the AppID to production after testing is completed. | ||
{{Template:Browser_Metadata}} | |||
{ | |||
{{Template:Browser_Privacy_and_Opt-Out}} | {{Template:Browser_Privacy_and_Opt-Out}} |
Latest revision as of 20:23, 3 September 2024
Prerequisites
To start using the App SDK, the following items are required:
Item | Description | Source | |
---|---|---|---|
☑ | App ID (appid) | Unique ID assigned to the player/site and configured by product. | Contact Nielsen |
Release Notes
The release notes on the Browser SDK can be located here: Release Notes
Implementation Steps
Add Tracking Code
The Nielsen DCR Tracking Code must be added to each page.
<script>
// Static Queue Snippet
!function (e, n) {
function t(e) {
return "object" == typeof e ? JSON.parse(JSON.stringify(e)) : e
}
e[n] = e[n] ||
{
nlsQ: function (o, r, c) {
var s = e.document,
a = s.createElement("script");
a.async = 1,
a.src = ("http:" === e.location.protocol ? "http:" : "https:") + "//cdn-gl.imrworldwide.com/conf/" + o + ".js#name=" + r + "&ns=" + n;
var i = s.getElementsByTagName("script")[0];
return i.parentNode.insertBefore(a, i),
e[n][r] = e[n][r] || {
g: c || {},
ggPM: function (o, c, s, a, i) { e[n][r].q = e[n][r].q || []; try { var l = t([o, c, s, a, i]); e[n][r].q.push(l) } catch (e) { console && console.log && console.log("Error: Cannot register event in Nielsen SDK queue.") } },
trackEvent: function (o) { e[n][r].te = e[n][r].te || []; try { var c = t(o); e[n][r].te.push(c) } catch (e) { console && console.log && console.log("Error: Cannot register event in Nielsen SDK queue.") } }
},
e[n][r]
}
}
}(window, "NOLBUNDLE");
// SDK Initialization
var nSdkInstance = NOLBUNDLE.nlsQ("PXXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXX", "nlsnInstance", {
nol_sdkDebug: "debug"
});
// Content Metadata
var nielsenMetadata = {
type: 'static',
assetid: 'HHF887465-9486', // *DYNAMIC METADATA*: unique ID for each article **REQUIRED**
section: 'SPORTS', // *DYNAMIC METADATA*: section of site **REQUIRED**
segA: 'HDVIDEOS', // *DYNAMIC METADATA*: custom segment
segB: '', // *DYNAMIC METADATA*: custom segment
segC: '' // *DYNAMIC METADATA*: custom segment
};
// Event 'staticstart' Call
nSdkInstance.ggPM("staticstart", nielsenMetadata);
</script>
For DCR static, BSDK cannot be run in an iframe because the blur/focus events of the parent page may not propagate to the iframe. The iframe events typically trigger when the iframe itself is clicked. The BSDK is dependent on the blur/focus events of the browser to detect active viewing of the page. Because the root page events do not propagate to the iframe, this would impact incorrect DCR static crediting.
Tracking Code Components
The tracking code includes
- Static Queue Snippet
- SDK Initialization
- Content Metadata
- staticstart Event
Static Queue Snippet
The static queue snippet allows the SDK APIs to be called while the actual SDK and configuration file are still being downloaded. As the queue can capture all API calls before the download completes, there is no wait time. Once the SDK is available, the API calls will transition from directing to the queue to the SDK seamlessly.
<script>
// Static Queue Snippet
!function (e, n) {
function t(e) {
return "object" == typeof e ? JSON.parse(JSON.stringify(e)) : e
}
e[n] = e[n] ||
{
nlsQ: function (o, r, c) {
var s = e.document,
a = s.createElement("script");
a.async = 1,
a.src = ("http:" === e.location.protocol ? "http:" : "https:") + "//cdn-gl.imrworldwide.com/conf/" + o + ".js#name=" + r + "&ns=" + n;
var i = s.getElementsByTagName("script")[0];
return i.parentNode.insertBefore(a, i),
e[n][r] = e[n][r] || {
g: c || {},
ggPM: function (o, c, s, a, i) { e[n][r].q = e[n][r].q || []; try { var l = t([o, c, s, a, i]); e[n][r].q.push(l) } catch (e) { console && console.log && console.log("Error: Cannot register event in Nielsen SDK queue.") } },
trackEvent: function (o) { e[n][r].te = e[n][r].te || []; try { var c = t(o); e[n][r].te.push(c) } catch (e) { console && console.log && console.log("Error: Cannot register event in Nielsen SDK queue.") } }
},
e[n][r]
}
}
}(window, "NOLBUNDLE");
</script>
SDK Initialization
While creating an SDK instance, initialize the SDK by calling:
Initialization API Call
NOLBUNDLE.nlsQ("PXXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXX", "",{nol_sdkDebug: "debug"})
When the initialization call is made, a unique static config file, <apid>.js
, will be downloaded based on the apid
and cached by the client-side browser(s).
Once the static config file is downloaded, the SDK will be fully downloaded and initialized. All SDK modules are included in one file: "nlsSDK600.bundle.min.js".
Content Metadata
Metadata can be passed through key-values using the Nielsen reserved keys. The tracking code includes the Nielsen reserved keys and placeholder values.
Pass dynamic metadata for the keys with the <metadataPlaceholder>
value (e.g. section:
).
staticstart Event
There is only one event call required:
nSdkInstance.ggPM("staticstart", nielsenMetadata);
The content metadata object is passed as a parameter when calling 'staticstart' event . To know more about configuring metadata refer Configure Metadata.
Pass App ID in Initialization Call
Pass the unique App ID in the first parameter of the initialization call, <apid>
.
Example SDK Initialization
var nSdkInstance = NOLBUNDLE.nlsQ("PXXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXX", "nlsnInstance", {nol_sdkDebug: "debug"});
The initialization call has three parameters:
Parameter | Description | Values |
---|---|---|
apid | Unique ID assigned to player/site. | PXXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXX
|
instanceName | Name of SDK instance | Any string value |
nol_sdkDebug: "debug" | Enables Nielsen console logging. Only required for testing | {nol_sdkDebug: "debug"}
|
Update <apid>
with the AppID provided. Refer to the Going Live section to know about updating the AppID to production after testing is completed.
Configure Metadata
Map the Nielsen keys to variables so that the content metadata is dynamically updated.
The Nielsen reserved keys are:
Key | Description | Data Type | Value | Required? |
---|---|---|---|---|
type | asset type | fixed | 'static' |
Yes |
assetid | Unique ID for each article | dynamic | custom (no Special Characters) |
Yes |
section | section of each site (e.g. section value should be first level in page URL: website.com/section). Limit to 25 unique values | dynamic | custom (no Special Characters) |
Yes |
segA | custom segment for reporting: Limit to 25 unique values across custom segments (segA + segB + segC) | dynamic | custom | No |
segB | custom segment for reporting: Limit to 25 unique values across custom segments (segA + segB + segC) | dynamic | custom | No |
segC | custom segment for reporting: Limit to 25 unique values across custom segments (segA + segB + segC) | dynamic | custom | No |
The values passed through the Nielsen keys will determine the breakouts that are seen in reporting. The custom segments (A, B & C) will roll into the sub-brand. To not use custom segments A, B and C, do not pass any value in these keys.
Aggregation Limits There are limits on the number of unique values that can be aggregated on in reporting. The specific limitations by key are:
Key | Aggregation Limit |
---|---|
section | maximum of 25 unique values (section <= 25) |
segA | Maximum number of unique values allowed across segA, segB, and segC is 25 (segA + segB + segC<= 25) |
segB | Maximum number of unique values allowed across segA, segB, and segC is 25 (segA + segB + segC<= 25) |
segC | Maximum number of unique values allowed across segA, segB, and segC is 25 (segA + segB + segC<= 25) |
Privacy and Opt-Out
There are two primary methods for implementing user Opt-out preferences:
- User Opt Out - Provide a link to the Nielsen Privacy Policy page when a User can make their selection
- Initialization Opt Out - Global OptOut Parameter
User Opt Out
The site must provide a means for the user to opt-out of, or opt back into, Nielsen Measurement. A user can opt-out if they would prefer not to participate in any Nielsen online measurement research. To implement the User Opt-Out option, include the following two items in your privacy policy.
- A notice that the player (or page in relation to static measurement) includes proprietary measurement software that allows users to contribute to market research (such as Nielsen TV Ratings).
- A link to the Nielsen Digital Measurement Privacy Policy at https://www.nielsen.com/digitalprivacy
On the Nielsen Digital Measurement Privacy Policy page, users can click Choices to read more detailed information about the measurement software, learn about their options with regard to Nielsen measurement, and, if they do not want to participate in Nielsen online measurement, click a link to receive an opt-out cookie.
- Once users have opted out via this link, their browser cookies will contain the value TOTAL_OPTOUT. This will prevent a redirect to our data provider from occurring
- Users can opt back in via this link. When a user selects that link, their opt-out cookie will be deleted and they will be able to be measured moving forward.
The following paragraph is a template for a Privacy Statement.
The properties may feature Nielsen proprietary measurement software, which will allow users to contribute to market research, such as Nielsen TV Ratings. To learn more about the information that Nielsen software may collect and your choices with regard to it, please see the Nielsen Digital Measurement Privacy Policy at https://www.nielsen.com/digitalprivacy
User Opt Back In
Once users have opted-out, they can choose to opt back into Nielsen Measurement at anytime by selecting the opt back in link on the Nielsen Digital Privacy Policy page. When a user selects the link, their opt-out cookie will be deleted and they will be able to be measured.
Initialization Opt Out
The BSDK600 now supports the ability to optout on initialization of the SDK by allowing an optout global parameter to be passed. This optout will be maintained through the session of the SDK instance. Specifications and limitations are specified below.
Type | Supported Values | Notes | Optout |
---|---|---|---|
optout | True, Yes, or 1 | Case is insensitive and can be string or bool
Example: nlsQ("XXXXXXXX-BH45-JKY6-BKH7-67GJKY68GJK7", "myInstance", { optout: true}); |
Ping parameter will set uoo=true. |
optout | False, No, or 0 | Case is insensitive and can be string or bool
Example: nlsQ("XXXXXXXX-BH45-JKY6-BKH7-67GJKY68GJK7", "myInstance", { optout: false}); |
Ping parameter will set uoo to blank. |
Example of using OptOut
var nSdkInstance = NOLBUNDLE.nlsQ("XXXXXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXX", "nlsnInstance", {
nol_sdkDebug: "debug",
optout: "true"
});
Opt Out Overview
Browser Cookie | uoo value in session ping | Final Optout Status |
---|---|---|
Default Value | no uoo value or uoo=0 | Not Opted Out |
Default Value | uoo=1 | Opted Out |
TOTAL_OPTOUT | uoo=0 | Opted Out |
TOTAL_OPTOUT | uoo=1 | Opted Out |
Infinite Scrolling
onPaginate
will refire the view ping with the existing/original metadata.
nSdkInstance.ggPM("onPaginate", scrolloffset);
Parameter | Description |
---|---|
event | onPaginate
|
scrolloffset | The scrolloffset value should be the y-scroll position:
|
onPaginate
onPageinate
is a slightly modified version of staticstart
to enable tracking of user’s focus in pages with continuous scrolling. onPaginate
event provides the same behavior as staticstart
keeping it local to only clients who wish to implement continuous scrolling. (Note: This event onPaginate
will not reset the page duration timer.)
- The maximum number of static View pings allowed per session is ‘1’. This is enforced via the
nol_maxPingCount
parameter in the tag and the cadence of impression. - When an
onPaginate
event is called at the end of section / a focus shift (within the same page), this filter will reset the current ping count to ‘0’ for the static View ping. This change of value will cause a new View ping when the Browser SDK receives the nextstaticPosition
event (at the section end). This sequence continues through the end of scrolling or till the close of static page session. - One of the following must occur before an onPaginate event should be sent : user-initiated action, more than 50% of the content has changed or an ad, or the potential for an ad, is being loaded
Going Live
Once the DCR Tracking Code is added, Nielsen will validate the implementation. Following Nielsen testing, users need to make a couple of updates to the initialization call to ensure that the site is being measured properly.
- App ID: Ensure that correct <apid> is used during initialization
'PXXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX'
- Debug Logging: Disable logging by deleting
{nol_sdkDebug: 'DEBUG'}
from initialization call.- Example Production Initialization Call - Refer to the production initialization call below:
var nSdkInstance = NOLBUNDLE.nlsQ("PXXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX", "nlsnInstance");
- Example Production Initialization Call - Refer to the production initialization call below: