Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Aniview ads has implemented an AMP component based on amp-ad that can be used in order to use Aniview on AMP pages. Basic instructions about the Aniview amp can be found here:

https://github.com/ampproject/amphtml/blob/main/ads/vendors/aniview.md

More info about AMP can be found here: https://amp.dev

Instructions

Aniview AMP sample tag:

Code Block
languagehtml
<amp-ad
  width="640"
  height="360"
  type="aniview"
  data-publisherid="55b88d4a181f465b3e8b4567"
  data-channelid="5a5f17a728a06102d14c2718"
>
</amp-ad>

Parameters and API requirements

  1. adConfig parameters can be passed in data-[parameter name all lower case]

  2. Value parameters (non-object parameters) parameters are supported

  3. The following object parameters are supported as JSON strings: preloader, customicon

  4. Templates such as floating and animation is not supported. This is the limitation of AMP - the player is opened inside a 3rd party iframe with no access to the top page

  5. For a complete list of Aniview adConfig documentation: Outstream Player Implementation Guide

  6. Custom events and callbacks is not supported

  7. Setting custom parameters (ref1) is done by adding data-av_name=value to add custom parameters. For example: data-av_subid=”123”

Special and Required Parameters

...

Parameter

...

Required

...

Example value

...

width

...

yes

...

amp-ad width, “640“

...

height

...

yes

...

amp-ad height, “360“

...

type

...

yes

...

Must be “aniview”

...

data-publisherid

...

yes

...

Aniview publisher id

...

data-channelid

...

yes

...

Aniview channel id

...

data-preloader

...

no

...

'{"type":"content","link" : "https://link to mp4"}'

'{"type":"Image","link" : "https://link to jpg"}'

'{"type":"js","link" : "https://link to script"}'

...

data-customlogo

...

no

...

'{"width":"32","height":"32","link" : "https://link to gif"}'

...

data-av_subid

...

no

...

“code1“

Same for any other AV_ parameter that is required to pass to the player

...

All other base, non object parameters of player (Not template parameters) can be used with data- in the beginning

Sticky Mode

It is possible to implement the AMP player in a sticky mode. Please note that AMP limits the ad height up to 100 pixels. Please note that for the ad to be displayed a user must start scrolling the page.

More info about AMP sticky ad format can be found here: https://amp.dev/documentation/components/amp-sticky-ad/

Note you must call the amp sticky ad code to the page in the head section -

Code Block
<script async custom-element="amp-sticky-ad" src="https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"></script>

Aniview AMP Sticky sample tag:

Code Block
         <amp-sticky-ad layout = "nodisplay" width="320"
         height="100">
            <amp-ad
            width="400"
            height="100"
             type="aniview" data-publisherid="6124992a9c738f3419721fb3"
            data-channelid="6124a56e10e37c5c0b111793">
        </amp-ad>
         </amp-sticky-ad>

Additional Special and Required Parameters

...

Parameter

...

Required

...

Example value

...

layout

...

yes

...

“nodisplay“

Here is an example page with an implemented player you can review https://drive.google.com/file/d/1R4vipURsi9R3sgCu3jdFwFo6AfhaIjuV/view?usp=sharing

 

Info
Info

Aniview supports AMP pages with a unique setup that must be implemented directly by the publisher to the publisher site

AMP (Accelerated Mobile Pages) is a open source framework that aims to optimize mobile web pages and helps them load faster

Aniview supports:

Child pages (Children Display)

AMP Players can not be white labeled to to restrictions by the framework

For any questions regarding this setup please email Solution@Aniview.com

Filter by label (Content by label)
showLabelsfalse
max5
spacescom.atlassian.confluence.content.render.xhtml.model.resource.identifiers.SpaceResourceIdentifier@21c741
sortmodified
showSpacefalse
reversetrue
typepage
cqllabel = in ( "kb-how-to-article" , "amp" ) and type = "page" and space = "HELP"
labelskb-how-to-article

...