Tips en trucs: adverteren met Animate

  1. Adobe Animate-handboek
  2. Inleiding tot Animate
    1. Nieuw in Animate
    2. Visuele verklarende woordenlijst
    3. Systeemvereisten voor Animate
    4. Animate-sneltoetsen
    5. Werken met meerdere bestandstypen in Animate
  3. Animatie
    1. Grondbeginselen voor animaties in Animate
    2. Frames en hoofdframes gebruiken in Animate
    3. Frame-voor-frame-animaties in Animate
    4. Werken met klassieke tween-animaties in Animate
    5. De tool Penseel
    6. Hulplijnen voor bewegingen
    7. Bewegings-tween en ActionScript 3.0
    8. Informatie over animaties met bewegings-tween
    9. Animaties met bewegings-tweens
    10. Een animatie met bewegings-tween maken
    11. Eigenschapshoofdframes gebruiken
    12. Een positie animeren met een tween
    13. Bewegings-tweens bewerken in de Bewegingseditor
    14. Het bewegingspad van een tween-animatie bewerken
    15. Bewegings-tweens manipuleren
    16. Aangepaste versnellingen toevoegen
    17. Voorinstellingen voor beweging maken en toepassen
    18. Animatietween-reeksen instellen
    19. Werken met als XML-bestanden opgeslagen bewegings-tweens
    20. Bewegings-tweens en klassieke tweens
    21. Vormen tweenen
    22. De tool Bone-animatie gebruiken in Animate
    23. Werken met structuren voor personages in Animate
    24. Maskeerlagen gebruiken in Adobe Animate
    25. Werken met scènes in Animate
  4. Interactiviteit
    1. Knoppen maken met Animate
    2. Animate-projecten converteren naar andere documentindelingen
    3. HTML5 Canvas-documenten maken en publiceren in Animate
    4. Interactiviteit toevoegen met codefragmenten in Animate
    5. Aangepaste HTML5-componenten maken
    6. Componenten in HTML5 Canvas gebruiken
    7. Maken van aangepaste componenten: Voorbeelden
    8. Codefragmenten voor aangepaste componenten
    9. Tips en trucs: Adverteren met Animate
    10. Ontwerp en publicatie van virtual reality
  5. Werkruimte en workflow
    1. Penselen maken en beheren
    2. Google-lettertypen gebruiken in HTML5 Canvas-documenten
    3. Creative Cloud Libraries en Adobe Animate gebruiken
    4. Het werkgebied en het deelvenster Tools voor Animate gebruiken
    5. Workflow en werkruimte in Animate
    6. Weblettertypen gebruiken in HTML5 Canvas-documenten
    7. Tijdlijnen en ActionScript
    8. Werken met meerdere tijdlijnen
    9. Voorkeuren instellen
    10. Deelvensters voor ontwerp in Animate gebruiken
    11. Tijdlijnlagen maken met Animate
    12. Animaties exporteren voor mobiele apps en game-engines
    13. Objecten verplaatsen en kopiëren
    14. Sjablonen
    15. Zoeken en vervangen in Animate
    16. Ongedaan maken, Opnieuw en het deelvenster Historie
    17. Sneltoetsen
    18. De tijdlijn gebruiken in Animate
    19. HTML-extensies maken
    20. Optimalisatieopties voor afbeeldingen en geanimeerde GIF-bestanden
    21. Exportinstellingen voor afbeeldingen en GIF-bestanden
    22. Deelvenster Elementen in Animate
  6. Multimedia en video
    1. Grafische objecten transformeren en combineren in Animate
    2. Symboolinstanties maken in Animate en ermee werken
    3. Afbeeldingen overtrekken
    4. Geluid gebruiken in Adobe Animate
    5. SVG-bestanden exporteren
    6. Videobestanden maken voor gebruik in Animate
    7. Een video toevoegen in Animate
    8. Werken met videoactiepunten
    9. Objecten tekenen en maken met Animate
    10. Lijnen en vormen omvormen
    11. Streken, verlopen en vullingen met Animate CC
    12. Werken met Adobe Premiere Pro en After Effects
    13. Deelvensters voor kleuren in Animate CC
    14. Flash CS6-bestanden openen met Animate
    15. Werken met klassieke tekst in Animate
    16. Illustraties opnemen in Animate
    17. Geïmporteerde bitmaps in Animate
    18. 3D-afbeeldingen
    19. Werken met symbolen in Animate
    20. Lijnen en vormen tekenen met Adobe Animate
    21. Werken met bibliotheken in Animate
    22. Geluiden exporteren
    23. Objecten selecteren in Animate CC
    24. Werken met Illustrator AI-bestanden in Animate
    25. Patronen toepassen met het sproeipenseel
    26. Overvloeimodi toepassen
    27. Objecten rangschikken
    28. Taken automatiseren met het menu Opdrachten
    29. Meertalige tekst
    30. De camera gebruiken in Animate
    31. Animate gebruiken met Adobe Scout
    32. Werken met Fireworks-bestanden
    33. Grafische filters
    34. Geluid en ActionScript
    35. Tekenvoorkeuren
    36. Tekenen met de pen
  7. Platforms
    1. Animate-projecten converteren naar andere documentindelingen
    2. Ondersteuning voor aangepaste platforms
    3. HTML5 Canvas-documenten maken en publiceren in Animate
    4. Een WebGL-document maken en publiceren
    5. Toepassingen verpakken voor AIR voor iOS
    6. AIR voor Android-toepassingen publiceren
    7. Publiceren voor Adobe AIR voor desktop
    8. Publicatie-instellingen voor ActionScript
    9. Tips en trucs: ActionScript organiseren in een toepassing
    10. ActionScript gebruiken met Animate
    11. Tips en trucs: Richtlijnen voor toegankelijkheid
    12. Toegankelijkheid in de Animate-werkruimte
    13. Scripts schrijven en beheren
    14. Ondersteuning voor aangepaste platforms inschakelen
    15. Overzicht van ondersteuning voor aangepaste platforms
    16. Toegankelijke inhoud maken
    17. Werken met plug-in voor ondersteuning voor aangepaste platforms
    18. Foutopsporing in ActionScript 3.0
    19. Ondersteuning voor aangepaste platforms inschakelen
  8. Exporteren en publiceren
    1. Bestanden exporteren uit Animate CC
    2. OAM-publicatie
    3. SVG-bestanden exporteren
    4. Afbeeldingen en video's exporteren met Animate
    5. AS3-documenten publiceren
    6. Animaties exporteren voor mobiele apps en game-engines
    7. Geluiden exporteren
    8. QuickTime-videobestanden exporteren
    9. Afspelen van externe video met ActionScript beheren
    10. Tips en trucs: Tips voor het maken van inhoud voor mobiele apparaten
    11. Tips en trucs: Videoconventies
    12. Tips en trucs: Richtlijnen voor het ontwerpen van SWF-toepassingen
    13. Tips en trucs: Structuur geven aan FLA-bestanden
    14. Beste werkwijzen voor het optimaliseren van FLA-bestanden voor Animate
    15. Publicatie-instellingen voor ActionScript
    16. Publicatie-instellingen opgeven voor Animate
    17. Projectorbestanden exporteren
    18. Afbeeldingen en geanimeerde GIF-bestanden exporteren
    19. HTML-publicatiesjablonen
    20. Werken met Adobe Premiere Pro en After Effects
    21. Snel uw animaties delen en publiceren

Aanbevolen afmetingen gebruiken

Gebruik de richtlijnen van het Interactive Advertising Bureau (IAB) voor de afmetingen voor uw Animate-advertenties. In de volgende tabel worden de aanbevolen afmetingen voor advertenties van de Interactive Marketing Unit (IMU) vermeld:

Type advertentie

Afmetingen (pixels)

Breed verticaal

160 x 600

Verticaal

120 x 600

Halve pagina

300 x 600

Volledige banner

468 x 60

Halve banner

234 x 60

Microbalk

88 x 31

Knop 1

120 x 90

Knop 2

120 x 60

Verticale banner

120 x 240

Vierkante knop

125 x 125

Smal horizontaal

728 x 90

Middelgrote rechthoek

300 x 250

Vierkante pop-up

250 x 250

Verticale rechthoek

240 x 400

Grote rechthoek

336 x 280

Rechthoek

180 x 150

Wanneer u een FLA-bestand maakt met een sjabloon (selecteer Bestand > Nieuw en klik op het tabblad Sjablonen), ziet u vele van deze formaten.

SWF-bestandsadvertenties maken

Gebruik de volgende richtlijnen wanneer u advertenties maakt:

  • Optimaliseer uw afbeeldingen. Maak SWF-advertentiebanners van 15 kB of kleiner.

  • Maak een GIF-advertentiebanner in Animate die 12 kB of kleiner is.

  • Beperk het aantal herhalingen in advertentiebanners tot drie. Veld websites gebruiken de aanbevelingen voor standaardbestandsgrootten voor hun advertentiespecificaties.

  • Gebruik de opdracht GET om gegevens over te zetten tussen een advertentie en een server en gebruik niet de opdracht POST. Zie de functie getURL in de Naslaggids voor ActionScript 2.0 voor meer informatie over GET en POST.

 

Opmerking:

bied de gebruiker controle. Wanneer u geluid aan een advertentie toevoegt, voeg dan ook een dempknop toe. Wanneer u een transparante Animate-advertentie maakt die boven een webpagina zweeft, voeg dan een knop toe waarmee de advertentie kan worden gesloten.

Advertenties traceren

Diverse toonaangevende advertentienetwerken ondersteunen gestandaardiseerde traceermethoden in Animate SWF-bestanden. In de volgende richtlijnen wordt de ondersteunde methodologie beschreven:

Maak een knop of een filmclipknop

Gebruik de standaardafmetingen die door de IAB worden voorgesteld. Raadpleeg de IAB-websites voor een lijst met standaardafmetingen. Meer informatie over het maken van een knop in Animate vindt u in Knoppen maken.

Voeg een script toe aan de knop

Het script moet worden uitgevoerd wanneer de gebruiker op de banner klikt. U kunt de functie getURL() gebruiken om een nieuw browservenster te openen. De volgende codefragmenten zijn twee voorbeelden van ActionScript 2.0-code die u aan frame 1 van de tijdlijn zou kunnen toevoegen:

myButton_btn.onRelease = function(){ 
    getURL(clickTAG, "_blank"); 
};

U zou de volgende code aan frame 1 van de tijdlijn kunnen toevoegen:

myButton_btn.onRelease = function() { 
    if (clickTAG.substr(0, 5) == "http:") { 
        getURL(clickTAG); 
    } 
};

De functie getURL() voegt de variabele toe die met de tags object en embed wordt doorgegeven en stuurt de browser die wordt gestart naar de opgegeven locatie. De server die de advertentie aanbiedt, kan bijhouden of op de advertentie wordt geklikt. Meer informatie over het gebruik van de functie getURL() vindt u in de Naslaggids voor ActionScript 2.0.

De code clickTAG toevoegen voor tracering

Deze code traceert de advertentie en helpt het netwerk dat de advertentie aanbiedt bij te houden waar de advertentie wordt weergegeven en wanneer erop wordt geklikt.

Dit is de standaardmanier om een advertentiecampagne te maken voor een typische Animate-advertentie. Als u de functie getURL() toewijst aan de banner, kunt u er als volgt voor zorgen dat de banner wordt getraceerd. In het volgende voorbeeld voegt u een variabele toe aan een URL-tekenreeks, zodat u dynamische variabelen voor elke banner kunt instellen in plaats van voor elk domein een aparte banner te maken. U kunt één banner voor de hele campagne gebruiken en elke server die de advertentie aanbiedt, kan bijhouden of op de banner wordt geklikt.

In de tags object en embed in de HTML-code voegt u code toe zoals in het volgende voorbeeld (waarbij www.helpexamples.com het advertentienetwerk en adobe.com het bedrijf met een advertentie is):

<EMBED src="your_ad.swf?clickTAG= http://helpexamples.com/tracking?http://www.adobe.com">

Voeg de volgende code toe aan de HTML-code:

<PARAM NAME=movie VALUE="your_ad.swf?clickTAG =http: //helpexamples.com/tracking?http://www.adobe.com">
<< this HTML stuff may need to be updated
to account for the Active content fix, which likely will cause users
to edit .js files instead of html files - JayA >>

Advertenties testen

Test uw SWF-advertentiebestand in de meestgebruikte browsers, met name de browsers die door uw doelgroep worden gebruikt. Sommige gebruikers hebben Flash Player mogelijk niet geïnstalleerd of hebben JavaScript uitgeschakeld. Houd hier rekening mee door een vervangende (standaard) GIF-afbeelding of andere scenario's voor deze gebruikers te bieden. Zie Publicatie-instellingen voor SWF-bestanden opgeven voor meer informatie over het detecteren van Flash Player. Bied de gebruiker controle over het SWF-bestand. Bied de gebruiker de mogelijkheid het geluid in de advertentie uit te schakelen. Wanneer de advertentie een randloos SWF-bestand is dat boven een webpagina zweeft, biedt de gebruiker dan de mogelijkheid de advertentie direct en gedurende de hele duur te sluiten.

Raadpleeg www.adobe.com/go/fp_version_penetration_nl voor actuele informatie over het gebruik van verschillende Flash Player-versies voor verschillende regio's.

Adobe-logo

Aanmelden bij je account