### For Static and Server Side Rendering Website
Copy and paste this code in the common HTML of your site, between `` and ``.
```
```
Add the following code in your desired page of your site.
(You can replace p01 class name with your preferred advertisement size)
Please see the available advertisement sizes at the end of the page.
```
```
Please add the following code at the end of body tag
that will allow us to display the personalized ads to your website visitors.
Please replace the login_email and login_name with the your auth user email and name.
If some attributes are not available in your app, it is ok not to include them.
```
```
### For Client Side Rendering Website (Vue.js)
Copy and paste this code in App.vue, between the 'mounted' lifecycle.
```
```
Add the following code in your desired page of your site.
(You can replace p01 class name with your preferred advertisement size)
Please see the available advertisement sizes at the end of the page.
```
```
Please add the following code in App.vue, between the 'mounted' lifecycle
that will allow us to display the personalized ads to your website visitors.
Please replace the login_email and login_name with the your auth user email and name.
If other attributes are not available in your app, it is ok not to include them.
```
```
### For Client Mobile Application (Ionic)
1. Install required plugins
```
$npm i uuid
$ ionic cordova plugin add cordova-plugin-inappbrowser
$ npm install @awesome-cordova-plugins/in-app-browser
```
Import inappbrowser plugin in a @NgModule and add it to the list of Providers
```
// app.module.ts
import { InAppBrowser } from '@awesome-cordova-plugins/in-app-browser/ngx';
...
@NgModule({
...
providers: [
...
InAppBrowser
]
...
})
export class AppModule { }
```
2. Set publisher_code to your projects environment
```
//environment.ts
export const environment = {
...
PUBLISHER_CODE : "{{ publisher_code }}",
};
```
3. Download component file from [**this**](https://bucketscm.s3.ap-southeast-1.amazonaws.com/staging/bib/app/ads-engine/storage/ads.component.ts) and put it into your project's src\app\.
Then, Import this component to module.ts of your desired page.
```
// yourpage.module.ts
import { AdsComponent } from '../ads.component';
...
@NgModule({
imports: [
...
],
declarations: [ ... , AdsComponent]
})
```
4. Add the following code in your desired page of your site.
(You can replace m01 with your preferred advertisement size)
Please see the available advertisement sizes at the end of the page.
```
```
4. Updating user data for better performance by adding this line.
```
// yourpage.component.ts
import { AdsComponent } from '../ads.component';
...
constructor() { }
...
AdsComponent.user.EMAIL =
AdsComponent.user.NAME =
AdsComponent.user.GENDER =
AdsComponent.user.REGION =
AdsComponent.user.AGE =
AdsComponent.user.JOB=
...
```
### For Client Mobile Application (Kotlin)
...
### For For Client Side Rendering Website (Angular.js)
Copy and paste this code in the index.html, between `` and ``.
```
```
Add the following code in your desired page of your site.
(You can replace p01 class name with your preferred advertisement size)
Please see the available advertisement sizes at the end of the page.
```
```
Please add the following code at the end of body tag of index.html
that will allow us to display the personalized ads to your website visitors.
Please replace the login_email and login_name with the your auth user email and name.
If some attributes are not available in your app, it is ok not to include them.
```
```