Autor Zpráva
kesamotm
Profil *
#1 · Zasláno: 31. 5. 2014, 17:49:57
Odpovědět Citovat
Zdravím,

možná mám trošku stupidní dotaz, ale potřeboval bych poradit:

mám eshop a sledovací pixel z facebooku tzv.Okruhy uživatelů. Tento pixel chci umísti na konkrétní místo, podstránku na webu např. " kategorie - dámské parfémy". Kde najdu konkretně podstránku eshop.cz/dámsképarfemy, abych tam mohl tento pixel.kód vložit - na FTP, nebo se mám kouknout do databáze? Snad je dotaz k pochopení - nevím jak to přesně vysvětlit?

Díky všem za rady!

TM
Marschmallow
Profil
#2 · Zasláno: 31. 5. 2014, 18:05:20
Odpovědět Citovat
kesamotm:
Jaký pixel? Pixel je obrazový bod - asi jsi myslel prvek.
- Otevři si FTP
- Stáhni si daný soubor (do kterého chceš kód vložit) do počítače
- V počítači si ten soubor otevři třeba v notepadu - WIN+R a napiš notepad a enter
- Vlož potřebný kód tam, kam chceš
- Soubor ulož a nahraj na stejné místo na FTP
Pokud používáš nějaký CMS (třeba PrestaShop), zkus pohledat v administraci
kesamotm
Profil *
#3 · Zasláno: 31. 5. 2014, 18:12:07 · Upravil/a: kesamotm
Odpovědět Citovat
Ahoj,

Já bych si samozřejmě soubor = konkrétní podstránku, kde chci tento kód vložit, rád uložil a upravil a nahrál zpět, ALE nevím kde "podstránku=ten soubor" najít a zeditovat.

"Prvek" vypadá následovně: 

<script>(function() {
  var _fbq = window._fbq || (window._fbq = []);
  if (!_fbq.loaded) {
    var fbds = document.createElement('script');
    fbds.async = true;
    fbds.src = '//connect.facebook.net/en_US/fbds.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(fbds, s);
    _fbq.loaded = true;
  }
  _fbq.push(['addPixelId', '144147442298205']);
})();
window._fbq = window._fbq || [];
window._fbq.push(['track', 'PixelInitialized', {}]);
</script>
<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=144147442298205&amp;ev=NoScript" /></noscript>

V nápovědě píšou:

Zkopírujte uvedený kód a vložte ho mezi <head> a </head> ve webovém kódu. Potom můžete nastavit pravidla pro sledování konkrétních akcí, které lidé provádějí na vašem webu.


TM


+

používám prestashop a v administraci jsem nic takového nenašel. Myslel jsem, že je to otázka chvilku vložit kousek kódu do webu,eshopu...ono ne:)
MatKo
Profil
#4 · Zasláno: 31. 5. 2014, 18:18:32 · Upravil/a: MatKo o 10 minut později
Odpovědět Citovat
Otvor si FTP a nájdi zložku: web/themes/tvoja-téma/header.tpl, potom pridaj medzi tagy <HEAD> a </HEAD> script.
Marschmallow
Profil
#5 · Zasláno: 31. 5. 2014, 18:20:29 · Upravil/a: Marschmallow o 4 minuty později
Odpovědět Citovat
kesamotm:
Ten prvek (pixel) by bylo asi nejjednodušší umístit na všechny stránky a podstránky. Otevři si na FTP hlavní soubor Tvé aktuální šablony - index.php (header...) ve složce template a vlož správně prvek (pixel).
PrestaShop nepoužívám denně, takže asi moc neporadím


MatKo:
Aký CMS používaš?
Cituji kesamotm: používám prestashop a... :)
kesamotm
Profil *
#6 · Zasláno: 31. 5. 2014, 18:29:15 · Upravil/a: Moderátor (editace znemožněna) 2. 6. 2014, 10:51:45
Odpovědět Citovat
Díky za reakce pánové:))


Narschmallow:

Tento pixel ( blbej název:D ) chci vložit pouze např. na 10 stránek např. eshop.cz/damskoparfemy, eshop.cz/panskeparfemy apod. ne na celý eshop.


MatKo:

na FTP jsem našel a otevřel: header.tpl < jak poznám, že je to ta moje konkrétní stránka? Kód header.tpl vypadá takto: 

{*
* 2007-2011 PrestaShop 
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* [url=http://opensource.org/licenses/afl-3.0.php]http://opensource.org/licenses/afl-3.0.php[/url]
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to [url=http://www.prestashop.com]http://www.prestashop.com[/url] for more information.
*
*  @author PrestaShop SA <contact@prestashop.com>
*  @copyright  2007-2011 PrestaShop SA
*  @version  Release: $Revision: 9140 $
*  @license    [url=http://opensource.org/licenses/afl-3.0.php]http://opensource.org/licenses/afl-3.0.php[/url]  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "[url=http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd]http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd[/url]">
<html xmlns="[url=http://www.w3.org/1999/xhtml]http://www.w3.org/1999/xhtml[/url]" xml:lang="{$lang_iso}">
    <head>
        <title>{$meta_title|escape:'htmlall':'UTF-8'}</title>
{if isset($meta_description) AND $meta_description}
        <meta name="description" content="{$meta_description|escape:html:'UTF-8'}" />
{/if}
{if isset($meta_keywords) AND $meta_keywords}
        <meta name="keywords" content="{$meta_keywords|escape:html:'UTF-8'}" />
{/if}
        <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
        <meta name="generator" content="PrestaShop" />
        <meta name="robots" content="{if isset($nobots)}no{/if}index,follow" />
        <link rel="icon" type="image/vnd.microsoft.icon" href="{$img_ps_dir}favicon.ico?{$img_update_time}" />
        <link rel="shortcut icon" type="image/x-icon" href="{$img_ps_dir}favicon.ico?{$img_update_time}" />
        <script type="text/javascript">
            var baseDir = '{$content_dir}';
            var static_token = '{$static_token}';
            var token = '{$token}';
            var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};
            var priceDisplayMethod = {$priceDisplay};
            var roundMode = {$roundMode};
        </script>
{if isset($css_files)}
    {foreach from=$css_files key=css_uri item=media}
    <link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
    {/foreach}
{/if}
{if isset($js_files)}
    {foreach from=$js_files item=js_uri}
    <script type="text/javascript" src="{$js_uri}"></script>
    {/foreach}
{/if}
        {$HOOK_HEADER}
    </head>
    
   <body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>
    {if !$content_only}
        {if isset($restricted_country_mode) && $restricted_country_mode}
        <div id="restricted-country">
            <p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country}</span></p>
        </div>
        {/if}
        <div id="page">

           <!-- Header -->
            <div id="header">
                <a id="header_logo" href="{$link->getPageLink('index.php')}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
                    <img class="logo" src="{$img_ps_dir}logo.jpg?{$img_update_time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />
                </a>
                <div id="header_right">
                    {$HOOK_TOP}
                </div>
            </div>

           <div id="columns">
                <!-- Left -->
                <div id="left_column" class="column">
                    {$HOOK_LEFT_COLUMN}
                </div>

               <!-- Center -->
                <div id="center_column">
    {/if}

Moc se mi to nezdá?:/
MatKo
Profil
#7 · Zasláno: 31. 5. 2014, 18:33:04 · Upravil/a: MatKo o 24 minut později
Odpovědět Citovat
kesamotm

Bohužiaľ v PrestaShop sa vytvorí jeden súbor s hlavičkou a ten sa už len "inclúduje" do ostatných stránok takže budeš musieť script aplikovať na všetky stránky v e-shope.

(Keď tu vložíš kód daj ho medzi značky [ pre] a [ /pre])
kesamotm
Profil *
#8 · Zasláno: 31. 5. 2014, 18:44:46
Odpovědět Citovat
omlouvám se. Oukej, pokud tedy budu chtít vložit tento "pixel" úplně všude. Použiji:

na FTP a nájdi zložku: web/themes/tvoja-téma/header.tpl, potom pridaj medzi tagy <HEAD> a </HEAD> script.

Konkrétně sem: 

<head> 

<script>(function() {
  var _fbq = window._fbq || (window._fbq = []);
  if (!_fbq.loaded) {
    var fbds = document.createElement('script');
    fbds.async = true;
    fbds.src = '//connect.facebook.net/en_US/fbds.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(fbds, s);
    _fbq.loaded = true;
  }
  _fbq.push(['addPixelId', '144147442298205']);
})();
window._fbq = window._fbq || [];
window._fbq.push(['track', 'PixelInitialized', {}]);
</script>
<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=144147442298205&amp;ev=NoScript" /></noscript>



<title>{$meta_title|escape:'htmlall':'UTF-8'}</title> 
{if isset($meta_description) AND $meta_description} 
<meta name="description" content="{$meta_description|escape:html:'UTF-8'}" /> 
{/if} 
{if isset($meta_keywords) AND $meta_keywords} 
<meta name="keywords" content="{$meta_keywords|escape:html:'UTF-8'}" /> 
{/if} 
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> 
<meta name="generator" content="PrestaShop" /> 
<meta name="robots" content="{if isset($nobots)}no{/if}index,follow" /> 
<link rel="icon" type="image/vnd.microsoft.icon" href="{$img_ps_dir}favicon.ico?{$img_update_time}" /> 
<link rel="shortcut icon" type="image/x-icon" href="{$img_ps_dir}favicon.ico?{$img_update_time}" /> 
<script type="text/javascript"> 
var baseDir = '{$content_dir}'; 
var static_token = '{$static_token}'; 
var token = '{$token}'; 
var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals}; 
var priceDisplayMethod = {$priceDisplay}; 
var roundMode = {$roundMode}; 
</script> 
{if isset($css_files)} 
{foreach from=$css_files key=css_uri item=media} 
<link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" /> 
{/foreach} 
{/if} 
{if isset($js_files)} 
{foreach from=$js_files item=js_uri} 
<script type="text/javascript" src="{$js_uri}"></script> 
{/foreach} 
{/if} 
{$HOOK_HEADER} 
</head>
Marschmallow
Profil
#9 · Zasláno: 31. 5. 2014, 18:48:34
Odpovědět Citovat
kesamotm:
Přesně takhle. Bohužel tak, jak to přesně chceš to nejde. Protože máš jeden základ (strukturu stránky), která se vždy načítá a z DB se do té stránky přidává obsah. Takže fyzicky (na FTP) tu stránku nenajdeš.
kesamotm
Profil *
#10 · Zasláno: 31. 5. 2014, 18:50:47
Odpovědět Citovat
Marschmallow:

Ok,ok díky za rádu!!! Jsem rád, že se to někdo našel.

PS: já prohrabal DB a hledal tu stránku jak čůro asi 2 dny...ou:)


TM
kesamotm
Profil *
#11 · Zasláno: 31. 5. 2014, 20:56:13
Odpovědět Citovat
Pánové nefunguje to :D

pokud ověřím zdali je tag oukej, přes Tag assistant google - nezobrazí se.

TM

PS: sakra
Trafer
Profil *
#12 · Zasláno: 1. 6. 2014, 09:08:29
Odpovědět Citovat
Skús ten script hodiť nad ukončovací tag </HEAD>
Keeehi
Profil
#13 · Zasláno: 1. 6. 2014, 15:31:35
Odpovědět Citovat
Já bych to spíše než do hlavičky vkládal před konec dokumentu. Tedy před </body>. Už jenom proto, že v tom kódu od facebooku je noscript a obrázkem, který by se to snažilo v případě vypnutého javascriptu vkládat do hlavičky.

Pokud je v [#6] celý kód toho souboru, tak tam </body> není. Hledal bych v souboru footer.tpl.

Jinak to zobrazování jen v určitých kategoriích by mělo jít pravděpodobně udělat v souboru category.tpl. Někde v zobrazení obsahu přidat podmínku, která by zjistila aktuálně zobrazovanou kategorii a pokud by se shodovala s nějakou z vámi vybraných, tak vypsat ten měřící kód FB.

prestashop osobně neznám, vycházím z mých obecných zkušeností s cms a dokumnetace co jsem k prestashopu našel
kesamotm
Profil *
#14 · Zasláno: 1. 6. 2014, 16:19:13
Odpovědět Citovat
Trafer:

pokuz ho vložím do header.tpl: ( označeno tučně )

V editoru to uložím v této formě: 

v{*
* 2007-2011 PrestaShop 
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <contact@prestashop.com>
*  @copyright  2007-2011 PrestaShop SA
*  @version  Release: $Revision: 9140 $
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$lang_iso}">
    <head>


<script>(function() {
  var _fbq = window._fbq || (window._fbq = []);
  if (!_fbq.loaded) {
    var fbds = document.createElement('script');
    fbds.async = true;
    fbds.src = '//connect.facebook.net/en_US/fbds.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(fbds, s);
    _fbq.loaded = true;
  }
  _fbq.push(['addPixelId', '144487442298205']);
})();
window._fbq = window._fbq || [];
window._fbq.push(['track', 'PixelInitialized', {}]);
</script>
<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=144487442298205&amp;ev=NoScript" /></noscript>

        <title>{$meta_title|escape:'htmlall':'UTF-8'}</title>
{if isset($meta_description) AND $meta_description}
        <meta name="description" content="{$meta_description|escape:html:'UTF-8'}" />
{/if}
{if isset($meta_keywords) AND $meta_keywords}
        <meta name="keywords" content="{$meta_keywords|escape:html:'UTF-8'}" />
{/if}
        {* <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> *}
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="Content-Encoding" content="gzip" />
        <meta name="generator" content="PrestaShop" />
        <meta name="robots" content="{if isset($nobots)}no{/if}index,follow" />
        <meta property="fb:admins" content="25581842"/>
        <meta property="fb:app_id" content="302486679805077"/>
        <link rel="icon" type="image/vnd.microsoft.icon" href="{$img_ps_dir}favicon.ico?{$img_update_time}" />
        <link rel="shortcut icon" type="image/x-icon" href="{$img_ps_dir}favicon.ico?{$img_update_time}" />
        <script type="text/javascript">
            var baseDir = '{$content_dir}';
            var static_token = '{$static_token}';
            var token = '{$token}';
            var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};
            var priceDisplayMethod = {$priceDisplay};
            var roundMode = {$roundMode};
        </script>
        
{if isset($css_files)}
    {foreach from=$css_files key=css_uri item=media}
    <link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
    {/foreach}
{/if}
{if isset($js_files)}
    {foreach from=$js_files item=js_uri}
    <script type="text/javascript" src="{$js_uri}"></script>
    {/foreach}
{/if}
        {$HOOK_HEADER}
    <script type="text/javascript" src="{$js_dir}main.js"></script>
    <script type="text/javascript" src="{$base_dir}js/jquery/jquery-ui-1.8.10.custom.min.js"></script>
    <link type="text/css" href="{$base_dir}js/jquery/ui/jquery-ui-1.8.10.custom.css" rel="stylesheet" />
    
<script>(function() {
  var _fbq = window._fbq || (window._fbq = []);
  if (!_fbq.loaded) {
    var fbds = document.createElement('script');
    fbds.async = true;
    fbds.src = '//connect.facebook.net/en_US/fbds.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(fbds, s);
    _fbq.loaded = true;
  }
  _fbq.push(['addPixelId', '144487442298205']);
})();
window._fbq = window._fbq || [];
window._fbq.push(['track', 'PixelInitialized', {}]);
</script>
<noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?id=144487442298205&amp;ev=NoScript" /></noscript>
    
    </head>
    
    <body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>

    {if !$content_only}
        {if isset($restricted_country_mode) && $restricted_country_mode}
        <div id="restricted-country">
            <p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country}</span></p>
        </div>
        {/if}


<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
          FB.init({
            appId      : '302486679805077',
            status     : true, 
            cookie     : true,
            xfbml      : true,
            oauth      : true,
          });
        };
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>





        <div id="wrapper">

            <!-- Header -->
            <div id="header">
                <div class="holder">
                    <h1 class="logo"><a href="{$base_dir}">{$shop_name}</a></h1>
                    <a href="/cs/3-helmy"><img class="graffiti" src="{$img_dir}img-graffiti.png" width="747" height="286" alt="Nové helmy" /></a>
                    <div id="language-choice">
                        <a href="/cs/"><img src="{$img_dir}czech-republic.png"></a>
                        <a href="/sk/"><img src="{$img_dir}slovakia.png"></a>
                    </div>
                </div>
                <div id="header_right">
                </div>

                <div class="nav-holder">
                <!-- nav -->
                {$HOOK_TOP}
            </div>

            </div>

            <div id="main">
            <!-- content -->
                

                <!-- Center -->
                
                <div id="content">
                    <div class="content-holder">
    {/if}


Pokud se kouknu do vyhledávače na "zkontrolovat prvek", tak ten pixel tam není :/


TM
Keeehi
Profil
#15 · Zasláno: 1. 6. 2014, 16:27:33
Odpovědět Citovat
kesamotm:
Ne 2x nevkládat.

Ve zdrojovém kódu stránky se zobrazuje?

+ zvažte to přesunutí do části <body>, nebo alespoň toho tagu noscript.
kesamotm
Profil *
#16 · Zasláno: 1. 6. 2014, 16:34:14
Odpovědět Citovat
Keeehi:

Zkoušel jsem to i tak i tak - nešlo to. Ve zdrojovém kódu stránky se nezobrazuje...sakra:(

TM
Keeehi
Profil
#17 · Zasláno: 1. 6. 2014, 16:43:41 · Upravil/a: Keeehi o 2 minuty později
Odpovědět Citovat
Co mě napadá

- pokud máte nainstalovaných více šablon, přidáváte to do té správné?
- může se projevovat keš. A to v různých podobách. V prohlížeči (ctrl + F5 by mělo pomoct), na cestě k vám (tam snad ne) nebo to může kešovat přímo prestashop. Já když jsem upravoval nějaké soubory v Drupalu, musel jsem pak vždy v menu kliknout na "clear cache", jinak se změny neprojevily. Možná má něco takového i prestashop.

EDIT: něco o keši prestashopu jsem našel tu www.templatemonster.com/help/prestashop-how-to-clear-smarty-cache.html
Časová prodleva: 1 rok
Fnk
Profil *
#18 · Zasláno: 29. 10. 2015, 21:42:52
Odpovědět Citovat
Mě pomohlo vložit vygenerovaný kód mezi

{literal}
...
{/literal}
Časová prodleva: 10 let

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0