1.5.2 • Published 12 months ago
ad-sdk-persona v1.5.2
persona-adsdk
Installing the SDK
npm i ad-sdk-persona
Create a react component to display an Ad
import React, { Component } from 'react';
import AdDisplay from "ad-sdk-persona";
class MyComponent extends Component {
constructor(props) {
super(props);
this.adDisplayed = false;
}
componentDidMount() {
if (!this.adDisplayed) {
const myAd = new AdDisplay("AIzaSyDj5IlXqxL_S_yW7HMsxWjk4Gh9OnVmgiA");
myAd.display('my-ad-container', { backgroundColor: 'black', display: 'contents' });
this.adDisplayed = true;
}
}
render() {
return (
<div>
<h1>Welcome to my website</h1>
<div id="my-ad-container"></div>
</div>
);
}
}
export default MyComponent;
Once the component is created import and use the component to display ad anywhere.
Initializing SDK
After importing the SDK from
import AdDisplay from "ad-sdk-persona";
create instance of AdDisplay
const myAd = new AdDisplay();
now call the display function
myAd.display(my-ad-container, style);
this contains two parameters
- The first parameter refers to the container's ID to display the ad inside a particular div, argument typer 'string'
- The second parameter refers to the styling of the ad div example
myAd.display('my-ad-container', { backgroundColor: 'black', display: 'contents' });
1.5.2
12 months ago
1.4.6
1 year ago
1.4.5
1 year ago
1.5.1
1 year ago
1.5.0
1 year ago
1.4.9
1 year ago
1.4.8
1 year ago
1.4.7
1 year ago
1.4.4
1 year ago
1.4.3
1 year ago
1.4.2
1 year ago
1.4.1
1 year ago
1.4.0
1 year ago
1.3.9
1 year ago
1.3.8
1 year ago
1.3.7
1 year ago
1.3.6
1 year ago
1.3.5
1 year ago
1.3.4
1 year ago
1.3.3
1 year ago
1.3.2
1 year ago
1.3.1
1 year ago
1.2.9
1 year ago
1.2.8
1 year ago
1.2.7
1 year ago
1.2.6
1 year ago
1.2.5
1 year ago
1.2.4
1 year ago
1.2.3
1 year ago
1.2.2
1 year ago
1.2.1
1 year ago
1.2.0
1 year ago
1.1.9
1 year ago
1.1.8
1 year ago
1.1.7
1 year ago
1.1.6
1 year ago
1.1.5
1 year ago
1.1.4
1 year ago
1.1.3
1 year ago
1.1.2
1 year ago
1.1.1
1 year ago
1.1.0
1 year ago
1.0.9
1 year ago
1.0.8
1 year ago
1.0.7
1 year ago
1.0.6
1 year ago
1.0.5
1 year ago
1.0.4
1 year ago
1.0.3
1 year ago
1.0.2
1 year ago
1.0.1
1 year ago
1.0.0
1 year ago