Widget „PREZENTY” i panel zarządzania
Transkrypt
Widget „PREZENTY” i panel zarządzania
Centrum Prezentów WIDGET „Centrum Prezentów” Dokument zawiera w sobie opis konfiguracji i oprogramowania Centrum Prezentów Kampania Centrum Prezentów Przed pobraniem Centrum Prezentów należy zapisać się do kampanii o tej samej nazwie – tak jak do każdej kampanii dostępnej w systemie TradeTracker. Akceptacja wydawcy następuje automatycznie. Uwaga Centrum Prezentów wyświetla produkty z kilkunastu kampanii. Do poprawnego działania linków potrzeba być zapisanym do każdej kampanii należącej do Centrum Prezentów. Zespół TradeTracker sprawdzi każdego wydawcę i zapisze go do brakujących kampanii. Musi to zająć jednakże trochę czasu – do jednego dnia roboczego. Pobieranie widget’a Widget Centrum Prezentów dostępny jest w zakładce Materiały Promocyjne -> Banery -> Kreacje HTML Poniżej zostaną przedstawione dwie metody pobierania wideta po stronie wydawcy. - metoda A (rekomendowana) – łatwiejsza metoda dla wydawcy, wydawca pobiera widget, jak każdą inną kreację - metoda B – elastyczna w konfiguracji 1 Centrum Prezentów Instalacja widgeta na stronie wydawcy (metoda A) Po stronie wydawcy pobieranie widget’u odbywa się tak samo jak każdego innego materiału promocyjnego. Widget można pobrać w dowolnej postaci, np. I-frame czy JavaScript. Wyświetlony kod należy skopiować i wkleić do kodu HTML strony lub np. systemu CMS. Instalacja widgeta na stronie wydawcy (metoda B) 1. Wydawca wstawia na swojej stronie sekcję konfiguracji widgeta. Sekcja ta jest nieobowiązkowa: 2. Wydawca pobiera z panelu TT kod widgeta „50 x 100 - Centrum_zaawansowana…”: 3. Do pobranego kodu wydawca wstawia atrybut id=”ttinc”. 4. Następnie wydawca wstawia kod: 5. W ten sposób wydawca zainstaluje podstawową wersję widgeta. Funkcje i wygląd widgeta można rozszerzać poprzez sekcję konfiguracyjną. Sekcja konfiguracyjna nie jest obowiązkowa, a jej parametry nie są obligatoryjne. 6. Przykładowa rozszerzona sekcja konfiguracyjna może wyglądać następująco: 2 Centrum Prezentów Konfiguracja wideta (metoda B) W sekcji konfiguracyjnej widgeta możesz zmienić jego wygląd lub funkcjonalność. Konfiguracja widgeta przyjmuje następujące parametry: a) this.width – ustawia szerokość; przyjmuje wartości w formacie: 100px (w pikselach) lub 100% (w procentach) b) this.height – ustawia szerokość; przyjmuje wartości w formacie: 100px (w pikselach) lub 100% (w procentach) c) this.theme – ustawia skórkę widgeta; dostępne są następujące wartości/skórki: atlantis, blaze-orange, curious-blue, de-york, downy, gold, hot-pink, jgger, mexican-red, orient, pink, pomegranate, red, teal, violet-red, violet d) this.menu – ustawia pozycję menu; dostępne są dwie wartości/pozycje menu: bottom (no dole) i top (na górze) e) this.background – ustawia pozycję tło; dostępne są dwie wartości/tła: none (brak tła), christmas (świąteczny), hearts (walentynkowy) f) this.id –ustawia atrybut id widgeta, dzięki tej wartości można odwoływać się do widgeta za pomocą języka javascripta lub zewnętrznej biblioteki np. jQuery g) this.hidden – określa czy widget jest widoczny; przyjmuje wartości false lub true. Jeżeli zostanie wybrana wartość false, widget będzie niewidoczny. Można go wyświetlić za pomocą języka javascript odwołując się do parametry id h) this.newWindow - określa czy widget pokazuje się w iframe czy w nowym oknie; przyjmuje wartości false lub true. Jeżeli zostanie wybrana wartość true, widget zostanie wyświetlony w nowym oknie. 3 Centrum Prezentów i) this.afterLoad – do tego parametru można przypisać funkcję javscript, która zostanie wywołana po załadowaniu się widgeta. Jeżeli widget jest niewidoczny i na stronie jest wykorzystywana np. biblioteka javascript jQuery, możemy wyświetlić widget w efektowny sposób. Poniżej znajdują się przykłady wykorzystania parametrów sekcji konfiguracyjnej. a) Przykład wykorzystania skórki mexican-red Efekt: b) Przykład wykorzystania skórki gold Efekt: c) Przykład wykorzystania parametru menu top 4 Centrum Prezentów i Efekt: d) Przykład wykorzystania parametru background hearts Efekt: 5