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