Ako nasadiť SocialProof PIXEL kód na web
2 minút čítania
Publikované: 21 Január 2020
Dnes si ukážeme, ako krok za krokom nasadiť PIXEL kód od SocialProof na váš web, aby sa mohli začať zobrazovať notifikácie.
Je to veľmi jednoduché, nasadiť stačí jeden riadok kódu a zaberie to iba pár minút. Poďme na to.
Skopírovanie PIXEL kódu
Po prihlásení sa do účtu prejdite do Dashboardu, kde vpravo hore vidíte tlačidlo Nasaďte PIXEL kód.
Po kliknutí na tlačidlo sa dostanete do sekcie s návodom, ako nastaviť pixel kód.
Nasadenie PIXEL kódu na web
V prvom kroku vidíme kód, ktorý je unikátny pre každý používateľský účet. Skopírujeme celý kód, v našom prípade vyzerá takto:
<!-- Začiatok Pixel kódu pre https://www.socialproof.sk/ -->
<script async src="https://www.socialproof.sk/pixel/b3db465538e7f42ded65aab719f98b96"></script>
<!-- Koniec Pixel kódu -->
Vy skopírujte váš kód a prejdite do FTP vášho webu, kde chcete zobrazovať notifikácie a nájdite súbor, v ktorom sa nachádzajú tagy <head> a </head>.
Kdekoľvek medzi tieto dva tagy vložíme riadky skopírovaného PIXEL kódu. Na webe SocialProof.sk to vyzerá v zdrojom kóde nasledovne:
<head>
<title><?= \Altum\Title::get() ?></title>
<base href="<?= SITE_URL; ?>">
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta http-equiv="content-language" content="<?= $this->language->language_code ?>" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap" rel="stylesheet">
<!-- Začiatok Pixel kódu pre https://www.socialproof.sk/ -->
<script async src="https://www.socialproof.sk/pixel/409e29b43612dbe32f4b36d8327827d4"></script>
<!-- Koniec Pixel kódu -->
</head>
Tesne pred koniec tagu </head> sme vložili PIXEL kód. Uložíme súbor a aktualizujeme ho na FTP.
Skontrolovanie funkčnosti kódu
Po nasadení sa vrátime do sekcie s inštaláciou kódu, refreshneme stránku pomocou Ctrl+F5 a následne stlačíme tlačidlo Skontrolovať funkčnosť kódu.
Pokiaľ sme kód nasadili správne, uvidíme zelenú fajku s dátumom a časom, kedy bola naposledy skontrolovaná funkčnosť kódu. Vyzerá to takto:
GRATULUJEM! Kód máte úspešne nasadený a môžete sa ísť pustiť do pridania novej kampane s notifikáciami.
Prečítajte si ďalší návod: Ako vytvoriť kampaň s notifikáciami krok za krokom.