Nearsighted Paramecium Multiverse

    This package has been deprecated

    Author message:

    this is no longer supported. Please contact your Freestar Account Manager for alternative options

    @freestar/pubfig-adslot-angular-component
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.9 • Public • Published

    Freestar Pubfig Ad Slot Angular Component

    Install

    npm install --save @freestar/pubfig-adslot-angular-component

    Usage

    import { BrowserModule } from '@angular/platform-browser';
    import { NgModule } from '@angular/core';
    
    import { App } from './app';
    import { FreestarAdSlot } from '@freestar/pubfig-adslot-angular-component';
    
    @NgModule({
      declarations: [
        App,
        FreestarAdSlot
      ],
      imports: [
        BrowserModule
      ],
      providers: [],
      bootstrap: [App]
    })
    export class Module { };
    
    import { Component,  OnInit } from '@angular/core';
    
    @Component({
      selector: 'demo',
      template: `
        <freestar-ad-slot
          placementName='div-gpt-ad-leaderboard-multi'
          slotId='div-gpt-ad-leaderboard-multi'
          [targeting]='["value1", "value2"]'
          classList='m-30 p-15 b-thin-red'
          channel='custom_channel'
          adRefresh={{adRefreshCount}}
          (messageEmitter)='onMessageHook($event)'
        ></freestar-ad-slot>
        <button (click)='onAdRefresh()'>Trigger Refresh</button>`
    })
    export class Demo implements OnInit {
      constructor () {}
    
      ngOnInit () {
        // example of automatically refreshing an ad every 5 seconds a total of 5 times
        const interval = setInterval(() => {
          const maxRefreshes = 5;
          this.adRefreshCount++;
          if (this.adRefreshCount === maxRefreshes) {
            clearInterval(interval);
          }
        }, 5000);
      }
    
      adRefreshCount = 0;
    
      // example of manually refreshing an ad
      onAdRefresh () {
        this.adRefreshCount++;
      }
    
      onMessageHook (message: String) {
        console.log(message);
      }
    };

    Props

    placementName A required string of the ad unit's placementName.

    slotId A required string of the ad unit's slotId.

    targeting An optional array of the ad unit's targeting values.

    channel An optional string of a custom channel to use.

    classList An optional string representing any additional classes that should be applied to the wrapper dom element of the ad slot.

    adRefresh An optional number bound to the ad refresh. You can increment this value to trigger a refresh of the ad slot.

    Glossary

    placementName A value acquired from Google Ad Manager (previously known as DFP/Adx), which will be provided by Freestar.

    slotId A value used for the DOM <div> id for the ad unit to render within.

    targeting A set of targeting values for the ad unit placement.

    Install

    npm i @freestar/pubfig-adslot-angular-component

    DownloadsWeekly Downloads

    4

    Version

    1.0.9

    License

    ISC

    Unpacked Size

    11.6 kB

    Total Files

    3

    Last publish

    Collaborators

    • ialex
    • freestar_engineering
    • premesh
    • kkawai