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.

 

Ako nasadiť SocialProof PIXEL kód na web

 

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:

 

Funkčnosť PIXEL kódu

 

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.

 

Naposledy upravené: 21 Január 2020

 Späť na blogové články