Partager via


API de plateforme numérique : sélection du modèle approprié pour votre créativité

Utilisez le guide ci-dessous pour déterminer le modèle à utiliser pour vos créatifs.

Conseil

La valeur d’un media_url / contentcréatif est branchée au modèle créatif pour former le code remis au navigateur de l’utilisateur. Par conséquent, il est essentiel de choisir l’ID de modèle approprié lors de l’envoi d’une création. Pour plus d’informations sur les éléments créatifs, consultez Creative Service.

Remarque

Obtenez plus d’informations sur les ID de modèle.

Pour plus d’informations sur les modèles créatifs (et les ID de modèles), consultez le service de modèles créatifs.

ID : 1

Ce modèle est utilisé si votre élément créatif est une URL unique qui pointe vers un morceau de code html.

Vous devez passer l’URL dans le media_url champ et définir un id de 1 dans l’objet de modèle.

Modèle

    <iframe frameborder="0" width="${CREATIVE_WIDTH}" height="${CREATIVE_HEIGHT}" marginheight="0" marginwidth="0" target="_blank" scrolling="no" src="${MEDIA_URL}"></iframe>  
            

ID : 1 exemple

Créatif

{
    "creative": {
        "width": 320,
        "height": 50,
        "media_url": "http://test.com/piece_of_html",
        "template": {
            "id": 1
        }
    }
}

Les éléments suivants sont envoyés au navigateur de l’utilisateur.

<iframe frameborder="0" width="320" height="50" marginheight="0" marginwidth="0" target="_blank" scrolling="no" src="http://test.com/piece_of_html"></iframe>

ID : 2

Ce modèle est utilisé si votre créativité est une URL unique qui pointe vers un morceau de code Javascript.

Vous devez passer l’URL dans le media_url champ et définir un id de 2 dans l’objet de modèle.

Modèle

<html><body style="margin-left: 0%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%"><script type="text/javascript" src="${MEDIA_URL}"></script></body></html>
      

ID : 2 exemple

Créatif

{
    "creative": {
        "width": 320,
        "height": 50,
        "media_url": "http://test.com/piece_of_js",
        "template": {
            "id": 2
        }
    }
}

Les éléments suivants sont envoyés au navigateur de l’utilisateur.

<html><body style="margin-left: 0%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%"><script type="text/javascript" src="http://test.com/piece_of_js"></script></body></html>

ID : 5

Ce modèle est utilisé si votre création commence et se termine par des composants Javascript, même si le code Javascript écrit du code HTML.

Vous devez passer le code Javascript dans le content champ et définir un id de 5 dans l’objet modèle.

Modèle

<html><body style="margin-left: 0%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%"><script type="text/javascript">${CONTENT}</script></body></html>
      

ID : 5 Exemple

Créatif

{
    "creative": {
        "width": 320,
        "height": 50,
        "content": "var source = "http://test.com/test.img; var cw = 320; var ch = 50; ",
        "template": {
            "id": 5
        }
    }
}

Les éléments suivants sont envoyés au navigateur de l’utilisateur.

<html><body style="margin-left: 0%; margin-right: 0%; margin-top: 0%; margin-bottom: 0%"><script type="text/javascript">var source = "http://test.com/test.img"; var cw = 320; var ch = 50</script></body></html>

ID : 6

Ce modèle est utilisé si votre création commence et se termine par des composants HTML, même si ces composants HTML sont <script> des balises.

Vous devez passer le code html dans le content champ et définir un id de 6 dans l’objet de modèle.

Modèle

      ${CONTENT}
      

ID : 6 Exemple

Créatif

 {
    "creative": {
        "width": 320,
        "height": 50,
        "content": "<script type="text/javascript">var hostname = "http://hostname.com";</script><noscript>var hostname = "http://hostname.com";</noscript>",
        "template": {
            "id": 7
        }
    }
}
 

Les éléments suivants sont envoyés au navigateur de l’utilisateur.

<script type="text/javascript">var hostname = "http://hostname.com";</script><noscript>var hostname = "http://hostname.com";</noscript>