-jio-start-block-type-2
-jio-style-title
Use the SDK CDN path shared by product manager in <script> tag inside <head> or before <body> ends.
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial- scale=1.0, maximum-scale=1.0" />
<title>Web Application</title>
<link rel="stylesheet" href="css/common.css" />
<script src="[need path here]JioAdsWebSDK/jioAds.js"></script>
</head>
<body>
// Body content goes here
<div>Hello World!</div>
<!— OR u can put here -->
<script src="[need path here]JioAdsWebSDK/jioAds.js"></script>
</body>
</html>
-jio-style-title
Ads will be rendered inside <ins> tags injected in the Web page (except instream video ads)
<ins
id="[ENTER-UNIQUE-PLACEMENT-HERE]"
data-adspot-key="[ENTER- ADSPOTKEY-HERE]"
data-source="[ENTER-PACKAGE-NAME/APP-IDENTIFIER]"></ins>
The ad fetching will initiate as soon as it is found in the DOM, so if you need to show them at a specific pointing time or at a specific place in the website, inject the
<ins>tag dynamically into the DOM accordingly
-jio-style-title
Use the below attribute to enable automatic ad refresh after ‘x’ seconds. In below case ad will automatically keep on refreshing itself after every 30 seconds.
<ins
id="[ENTER-UNIQUE-PLACEMENT-HERE]"
data-adspot-key="[ENTER-ADSPOTKEY-HERE]"
data-refresh-rate="30"
data-source="[ENTER-PACKAGE-NAME/APP-IDENTIFIER]"></ins>
Applicable only for banner and billboard ad-formats.
-jio-style-title
-jio-tables
| Attributes for INS tag | Values |
|---|---|
| id | Any unique string, without space, for the page |
| data-adspot-key | Adspot key. You can find in adspot listing page under ID |
| data-source | App identifier in which you are integrating JioAds SDK |
| data-container-id | Video Ad container div id |
| data-customization | "set-ad-data" / "get-ad-data" for setting other custom attributes |
| data-adMetaData | Key value meta data Refer Appendex F for more details |
| data-ad-break-duration | This is needed only for mid-roll/ad-break Instream Video ad format, where number of seconds will decide how many ad videos will be shown and for how long |
| data-refresh-rate | Refresh the ad after every x seconds |
| data-ad-sizes | For mentioning the sizes of the banners required |
-jio-style-title
Key value Metadata can be configured by Application to SDK in two ways, push keyword data to JioAds SDK through ins tag or set them through setConfiguration API.:
-jio-bullet-type-1
-jio-bullet-type-1
-jio-style-title
Put your app and user relevant info as key value metadata, and this data will be injected and will be applicable globally for all Ad spots in the page.
JioAds.setConfiguration({
ifa: 'bc6b78a1-4df0-407e-9a20-88bc64907232',
reqType: "stg", //stg, prod
globalMetaData: {
ag: 28,
ci: 'mumbai',
gn: 'M',
pc: 400063,
chnm: "zee5",
screenname: "football",
jiomoney: "games",
jiotv: "display",
jioplatform: "jiopages"
}
});
-jio-style-title
Put your app and user relevant info as key value metadata, and this data will be injected and will be applicable only for current Ad slot, if same key is used again then this key value meta data will be overridden over globally set meta data via set configuration API.
<ins
id="[ENTER-UNIQUE-PLACEMENTID-HERE]"
data-adspot-key="[ENTER-ADSPOTKEY-HERE]"
data-container-id=[ENTER-CONATINER-ID-WHERE-YOU-WANT-TO-SHOW-AN-AD]
data-adMetaData=[ENTER-AD-KEY-VALUE-META-JSON-OBJECT]
data-source="[ENTER-PACKAGE-NAME/APP-IDENTIFIER]"></ins>
-jio-style-title
-jio-tables
| Labels | Keys |
|---|---|
| Channel ID | chid |
| Channel Name | chnm |
| Show Name | shnm |
| Page Category | pcat |
| Section Category | scat |
| Language of Article | loa |
| Language | lang |
| Content ID | ctid |
| Content Type | ctype |
| Vendor | vnm |
| Actor | act |
| Objects | obj |
| Is Kids Protected | iskp |
| App Version | avr |
| Genre | gnr |
| State | st |
| City | ci |
| Age | ag |
| Gender | gn |
| Country | co |
| Pincode | pc |
| Device Brand | dvb |
| Device Model | dvm |
| Serial ID | srid |
| isQwerty | isq |
| Hour | hr |
| Minute | min |
| Keywords | kwrds |
| Network Type | nt |
-jio-end-block-type-2