Differences

This shows you the differences between two versions of the page.

--- conversion:start [2015/10/06 15:16] – avarga
+++ conversion:start [2020/12/11 11:06] (current) – zkocsis
@@ Line 9: / Line 9: @@
 Alább a gyakrabban használt szerkesztő és konvertáló eszközök által előállított bannerek kódjainak átalakításában kívánunk segítséget nyújtani, software specifikus lépéseken keresztül.
-====== Swiffy-vel konvertált Flash bannerek átalakítása és felvétele az easyHTML sablonhoz ======
+===== Adobe Animate CC-vel készült bannerek átalakítása és felvétele =====
-A Swiffy egy ingyenesen használható Google termék, mely a legtöbb Flash kreatívot képes HTML kreatívvá konvertálni. Ez a szolgáltatás az alábbi címen érhető el online:
-[[https://developers.google.com/swiffy/convert/upload]]
-Az alábbi dokumentáció egyszerű beágyazott Flash alapú bannerek átalakításához nyújt segítséget. A hibátlan működés előfeltétele, hogy olyan kreatívot használjunk, mely megfelel a bannerkészítési útmutatónkban foglaltaknak:
+=== 1.) Nyissuk meg a .html file-t egy szövegszerkesztőben (pl.: Notepad++) ===
-[[http://dev.adverticum.com/creatives:flash]]
-===== Konvertálás menete =====
+=== 2.) A goa-helper.js hozzáadása ===
-**1.** Válasszuk ki a file-t a “Choose File” gomb lenyomása után. Valamint fogadjuk el a felhasználási feltételeket, a képen látható check-box-ra kattintva.
+A goa-helper.js beüzemeléséhez csak illesszük az alábbi sort a banner <head> tagjába. Minden funkció, mely ezekre a funkciókra és változókra hivatkozik ez után kell, hogy kerüljön.
-{{ :conversion:screen_shot_2015-08-18_at_5.13.24_pm.png?nolink&600 |}}
-**2.** Kattintsunk az “UPLOAD” gombra a feltöltéshez.
-{{ :conversion:screen_shot_2015-08-18_at_5.13.12_pm.png?nolink&600 |}}
-**3.** A sikeres konvertálást követően a “VIEW CONVERSION” gombra jobb gombbal kattintva, mentsük le az előállított HTML állományt.
-{{ :conversion:screen_shot_2015-08-18_at_5.13.49_pm.png?nolink&600 |}}
-===== A konvertált állomány átalakítása, Adverticum AdServerben való futtatáshoz =====
-:!: **Figyelem, a leírás Swiffy 7.x.x-hez, vagy magasabb verziókhoz készült**
-Ezt a banner forrásának elején tudjuk ellenőrizni, a ''swiffy/**v7.3**'' részt keresve:
 <code html>
+<script src="//ad.adverticum.net/scripts/goa-helper.js"></script>
-<script type="text/javascript" src="https://www.gstatic.com/swiffy/v7.3/runtime.js"></script>
 </code>
-:!: **Figyelem, az alábbiakra csak akkor van szükség, amennyiben a banner alkalmaz nyitó vagy záró függvényeket, egyébként a banner rögtön felvehető az easyHTML banner felvételi lépéseivel! [[http://dev.adverticum.com/creatives:ehtml#banner_felvetele]]**
-**1.** Nyissuk meg a lementett file-t egy szövegszerkesztőben (pl.: Notepad++).
+=== 3.) Kattintások kezelésének kialakítása ===
+Kattintások kezeléséhez a goa.clickTAG változót kell kiolvasnunk, és az alábbi módon felhasználnunk.
+Az <a> tag azt a felületet teszi kattinthatóvá, mely a nyitó és a záró része között található. Ha azt szeretnénk, hogy a teljes kreatívunk kattintható legyen, a nyitó (<a>) taget a kreatívot tartalmazó wrapper elején, a záró taget (</a>) pedig a végén kell meghívnunk.
-**2.** Keressük meg az alábbi részt a kód vége felé:
+Például:
 <code html>
-    <script>
+<a id="clickTAG" href="" target="">
+	<div id="animation_container" ... >
-      var stage = new swiffy.Stage(document.getElementById('swiffycontainer'),
+		<!-- A banner HTML kódja -->
-          swiffyobject, {});
+	</div>
+</a>
-      stage.start();
-    </script>
-</code>
+<!-- A kattintást kezelő script -->
-**3.** Ebbe illesszük be az alábbi sort, a fenti rész elé:
+<script>
+    (function(){
-<code html>
-<script src="//ad.adverticum.net/scripts/goa-helper.js"></script>
+        var cT = document.getElementById('clickTAG');
+        cT.href = goa.clickTAG;
+        cT.target = goa.clickTARGET;
+    })();
+</script>
 </code>
-Ez után így kell kinéznie a kódunknak:
-<code html>
-    <script src="//ad.adverticum.net/scripts/goa-helper.js"></script>
-    <script>
-      var stage = new swiffy.Stage(document.getElementById('swiffycontainer'),
-          swiffyobject, {});
-      stage.start();
-    </script>
-</code>
-**4.** Mentsük el az állományt.