ROZWIĄZANE Remarketing dynamiczny Google w CS.

Discussion in 'Sklep internetowy eSklep' started by Nabuchodonozor, Jul 6, 2016.

  1. Nabuchodonozor

    Nabuchodonozor Zaglądacz

    Messages:
    13
    Likes Received:
    2
    Witam,

    Czy jest szansa by gdzieś w Click Shopie dodać raz skrypt remarketingu dynamicznego, bez konieczności dodawania tego do każdego produktu?

    Chodzi o ten skrypt:

    <script type="text/javascript">
    var google_tag_params = {
    ecomm_prodid: "REPLACE_WITH_STRING_VALUE",
    ecomm_pagetype: "REPLACE_WITH_STRING_VALUE",
    ecomm_totalvalue: REPLACE_WITH_STRING_VALUE
    };
    </script>
     
  2. Grzesiek

    Grzesiek Centrum Pomocy

    Messages:
    3,659
    Likes Received:
    331
    Ciekawe pytanie, przekazałem je już do opiekunów produktu. Odezwiemy się jak uzyskamy odpowiedź.
     
  3. Grzesiek

    Grzesiek Centrum Pomocy

    Messages:
    3,659
    Likes Received:
    331
    Pytanie brzmi czy dodając do produktu, to w ogóle działa.
    Konfigurację należało by zacząć od Konfiguracja --> Integracje --> Integracje własne --> wstawić przed zamknięciem </body> być może to zadziała od razu, jeśli nie, wstawić dodatkowe elementy kody uzależniające go od produktu. To bardzo powierzchowna informacja ale nic więcej póki co nie dowiedziałem się. Po naszej stronie poczekajmy jeszcze chwilę. Sam możesz ewentualnie poszukać podpowiedzi na forach e-commerce czy w supporcie Google.

    Nie mniej nie zamykam tematu, nie zamykam też zgłoszenia w naszym systemie. Ze względu na okres wakacyjny nie mamy wszystkich opiekunów produktu na miejscu.
     
  4. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Messages:
    3,087
    Likes Received:
    302
    @Nabuchodonozor - szansa na umieszczenie jest, tylko trzeba się trochę na JavaScript znać.

    Poniżej postaram się opisać przykład integracji naszego klienta z platforma ratalną, dodaje ona ikonki z przeklikiem na karcie produktów:

    Poniższy kod nasz klient dodał w opcji menu: Konfiguracja -> Integracje -> Integracje własne, przed zamknięciem znacznika </body>
    Code:
    <script type="text/javascript">
    function plfinLinks()
    
    { var data = '<ul id="plfin-links"><li><a class="plfin-link-raty" href="https://www.platformaratalna.pl/kalkulator/XXXX" title="i-Raty online - zakupy na raty przez internet" target="_blank"><img src="https://www.platformaratalna.pl/assets/button/04.png" alt="i-Raty online - zakupy na raty przez internet"></a></li><li><a class="plfin-link-leasing" href="https://www.platformafinansowa.pl/wniosek/leasing/XXXX" title="i-Leasing online – finansowanie przez internet" target="_blank"><img src="https://www.platformafinansowa.pl/assets/button/04.png" alt="i-Leasing online – finansowanie przez internet"></a></li></ul>';$(".shop_product .bottomborder").append(data);}
    $(window).ready(function()
    
    {plfinLinks();}
    );</script><style type="text/css">#plfin-links li
    
    {display:inline-block;margin-left:5px;}
    </style>


    Za wywołanie tego skryptu na wszystkich podstronach produktów odpowiedzialny jest poniższy fragment:
    Code:
    ;$(".shop_product .bottomborder").append(data);
    Skorzystaj proszę z powyższego przykładu i spróbuj na tej podstawie dodać swój kod.
     
    Last edited: Jul 20, 2016
  5. Nabuchodonozor

    Nabuchodonozor Zaglądacz

    Messages:
    13
    Likes Received:
    2
    Według mnie, to taka proteza, a nie docelowe rozwiązanie.

    Nie znam się na JavaScript i nie mam pojęcia jak to wykorzystać.
     
  6. Grzesiek

    Grzesiek Centrum Pomocy

    Messages:
    3,659
    Likes Received:
    331
    @Nabuchodonozor rozumiemy to, ale mamy nadzieję, że zrozumiesz także nasze stanowisko, w którym przede wszystkim dostarczamy platformę i dając narzędzia, czasami w postaci np. dostępu do źródła. Otwierając sklep na integracje zewnętrzne, dostęp do CSS i JS dajemy także możliwość zew. podmiotom ingerować w działanie sklepu, dopasowując go w pełni do swoich potrzeb. To praktycznie tworzenie sklepu pod indywidualne zamówienie, ale bazując na gotowym silniku. W tym wypadku to sugestia.

    @gabiec.pl żyjecie? :) może mieliście z czymś takim do czynienia?
     
    Nabuchodonozor likes this.
  7. Nabuchodonozor

    Nabuchodonozor Zaglądacz

    Messages:
    13
    Likes Received:
    2
    @Grzesiek ja wszystko rozumiem, ale problem nie jest rozwiązany :) Wydaje mi się, że brak funkcjonalności dodania globalnie do wszystkich produktów w CS kodu Google (powszechnie stosowanego na świecie) i zrzucanie rozwiązania na użytkownik: masz skrypt, naucz się JS i radź sobie sam, to nie jest do końca fair. Ja wiem, że się tu staracie i to bardzo doceniam :)
     
  8. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Messages:
    3,087
    Likes Received:
    302
    @Nabuchodonozor jest to najlepsze rozwiązanie, a nie proteza... rozwiązanie otrzymałem od specjalisty, a użycie tego kodu nie jest trudne. Może trochę zbyt lakonicznie to opisałem:

    Poniższy kod należy wkleić w: Konfiguracja -> Integracje -> Integracje własne, przed zamknięciem znacznika </body>:
    Code:
    <script type="text/javascript">
    function plfinLinks()
    
    { var data = '<ul id="plfin-links"><li><a class="plfin-link-raty" href="https://www.platformaratalna.pl/kalkulator/XXXX" title="i-Raty online - zakupy na raty przez internet" target="_blank"><img src="https://www.platformaratalna.pl/assets/button/04.png" alt="i-Raty online - zakupy na raty przez internet"></a></li><li><a class="plfin-link-leasing" href="https://www.platformafinansowa.pl/wniosek/leasing/XXXX" title="i-Leasing online – finansowanie przez internet" target="_blank"><img src="https://www.platformafinansowa.pl/assets/button/04.png" alt="i-Leasing online – finansowanie przez internet"></a></li></ul>';$(".shop_product .bottomborder").append(data);}
    $(window).ready(function()
    
    {plfinLinks();}
    );</script><style type="text/css">#plfin-links li
    
    {display:inline-block;margin-left:5px;}
    </style>


    Swój kod odnośnie remarketingu dynamicznego należy wkleić pomiędzy tymi fragmentami:
    Code:
    <ul id="plfin-links"> [tutaj twój kod] </ul>



    Czyli kod odnośnie remarketingu wklejamy zamiast tego fragmentu kodu:
    Code:
    <li><a class="plfin-link-raty" href="https://www.platformaratalna.pl/kalkulator/XXXX" title="i-Raty online - zakupy na raty przez internet" target="_blank"><img src="https://www.platformaratalna.pl/assets/button/04.png" alt="i-Raty online - zakupy na raty przez internet"></a></li><li><a class="plfin-link-leasing" href="https://www.platformafinansowa.pl/wniosek/leasing/XXXX" title="i-Leasing online – finansowanie przez internet" target="_blank"><img src="https://www.platformafinansowa.pl/assets/button/04.png" alt="i-Leasing online – finansowanie przez internet"></a></li>


    Spowoduje to, że wklejony przez Ciebie kod od remarketingu dynamicznego będzie wyświetlany tylko na podstronach produktów. Przykład, który Ci podałem pierwotnie powodował, że na stronie produktów wyświetlał się przycisk do obliczania rat (możliwość sprzedaży ratalnej). W analogiczny sposób możemy użyć tego kodu, aby wyświetlić na każdym produkcie kod remarketingu dynamicznego (sposób ten opisałem Ci dokładniej powyżej).
     
    Nabuchodonozor likes this.
  9. Nabuchodonozor

    Nabuchodonozor Zaglądacz

    Messages:
    13
    Likes Received:
    2
    @Mariusz teraz wszystko jasne. Niestety chyba zaszło nieporozumienie, ale jak widzisz nie tylko ja nie do końca zrozumiałem :)

    W takim razie dzięki i lecę sprawdzić u siebie :)

    Czy tak będzie ok:

    <script type="text/javascript">
    function plfinLinks()

    var google_tag_params = {
    ecomm_prodid: "REPLACE_WITH_STRING_VALUE",
    ecomm_pagetype: "REPLACE_WITH_STRING_VALUE",
    ecomm_totalvalue: REPLACE_WITH_STRING_VALUE
    };</script><style type="text/css">#plfin-links li

    {display:inline-block;margin-left:5px;}
    </style>
     
    Last edited: Jul 20, 2016
  10. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Messages:
    3,087
    Likes Received:
    302
    Sprawdź proszę u siebie czy to zadziała. Przed chwilą wykonałem pewną modyfikację w poprzednim moim poście. Swój kod odnośnie remarketingu dynamicznego należy wkleić pomiędzy tymi fragmentami:
    Code:
    <ul id="plfin-links"> [tutaj twój kod] </ul>

    Co do reszty kodu to możemy z niego usunąć ten fragment, ponieważ jest on zbędny:
    Code:
    <style type="text/css">#plfin-links li
    
    {display:inline-block;margin-left:5px;}
    </style>
     
  11. Nabuchodonozor

    Nabuchodonozor Zaglądacz

    Messages:
    13
    Likes Received:
    2
    No się upewniam jeszcze, czy tak będzie ok:

    <ul id="plfin-links"> <script type="text/javascript">
    var google_tag_params = {
    ecomm_prodid: "REPLACE_WITH_STRING_VALUE",
    ecomm_pagetype: "REPLACE_WITH_STRING_VALUE",
    ecomm_totalvalue: REPLACE_WITH_STRING_VALUE
    };
    </script> </ul>

    ?
     
  12. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Messages:
    3,087
    Likes Received:
    302
    Na podstawie tego co wkleiłeś, to kod do wklejenia w integracjach własnych powinien wyglądać tak:

    Code:
    <script type="text/javascript">
    function plfinLinks()
    
    { var data = '<ul id="plfin-links"><script type="text/javascript">
    var google_tag_params = {
    ecomm_prodid: "REPLACE_WITH_STRING_VALUE",
    ecomm_pagetype: "REPLACE_WITH_STRING_VALUE",
    ecomm_totalvalue: REPLACE_WITH_STRING_VALUE
    };
    </script></ul>';$(".shop_product .bottomborder").append(data);}
    $(window).ready(function()
    
    {plfinLinks();}
    );</script>



    Nie jestem ekspertem od JS, ale powinno to spodować tyle, ze ten fragment kodu będzie wyświetlany na wszystkich podstronach produktowych (czyli gdy klikniemy w wybrany produkt na sklepie):
    Code:
    <script type="text/javascript">
    var google_tag_params = {
    ecomm_prodid: "REPLACE_WITH_STRING_VALUE",
    ecomm_pagetype: "REPLACE_WITH_STRING_VALUE",
    ecomm_totalvalue: REPLACE_WITH_STRING_VALUE
    };
    </script>
     
    Nabuchodonozor likes this.
  13. Nabuchodonozor

    Nabuchodonozor Zaglądacz

    Messages:
    13
    Likes Received:
    2
    OK już jasne :) dzięki, dam znać jak zacznie u mnie działać.
     
  14. Dominik

    Dominik Opiekun

    Messages:
    176
    Likes Received:
    27
    Można to zrobić też bez js, ale z końcem wakacji (tak wierzę) będzie można skorzystać z wtyczki, która w tym pomoże.

    @Mariusz, czy możesz potwierdzić u p. Przemka, kiedy realnie ruszy app store?
     
  15. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Messages:
    3,087
    Likes Received:
    302
    @Dominik - najbardziej prawdopodobny przedział to koniec wakacji / początek jesieni
     
  16. Nabuchodonozor

    Nabuchodonozor Zaglądacz

    Messages:
    13
    Likes Received:
    2
    Witam, niestety nie działa skrypt. Wartości:

    ecomm_prodid: "REPLACE_WITH_STRING_VALUE",
    ecomm_pagetype: "REPLACE_WITH_STRING_VALUE",
    ecomm_totalvalue: REPLACE_WITH_STRING_VALUE

    Nie podstawiają się odpowiednie dane.
     
  17. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Messages:
    3,087
    Likes Received:
    302
    @Nabuchodonozor podałem Ci skrypt, który powoduje wyświetlanie Twojego skryptu w odpowiednim miejscu (na odpowiednich podstronach w sklepie).

    Jeśli chodzi konkretnie o kod remarketingu dynamicznego w Google, to skorzystaj z poniższego opisu, aby zrozumieć jak z niego korzystać. Cyfry 111111111 - proszę zamień na swoje ID konta.



    /* kod dla karty produktu, wklejany w pliku product/index.tpl na samym dole */
    Code:
    {literal}
    
    <script type="text/javascript">
    
    var google_tag_params = {
    
    ecomm_prodid: {/literal}'{$product->product->product_id}',{literal}
    
    ecomm_pagetype: 'product',
    
    ecomm_totalvalue: {/literal}'{if $product->specialOffer}{currency float=true value=$product->defaultStock->getSpecialOfferPrice()}{else}{currency float=true value=$product->defaultStock->getPrice()}{/if}'{literal}
    
    };
    
    
    </script>
    
    <script type="text/javascript">
    
    /* <![CDATA[ */
    
    var google_conversion_id = 111111111;
    
    var google_custom_params = window.google_tag_params;
    
    var google_remarketing_only = true;
    
    /* ]]> */
    
    </script>
    
    <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
    
    </script>
    
    <noscript>
    
    <div style="display:inline;">
    
    <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/111111111/?value=0&amp;guid=ON&amp;script=0"/>
    
    </div>
    
    </noscript>
    
    {/literal}
    
    
    



    /* kod dla koszyka wklejany w panelu administracyjnym w Konfiguracja/Integracje/Integracje własne/ ostatnie pole */
    Code:
    <script type="text/javascript">
    
    var google_tag_params = {
    
    ecomm_prodid: '{products}{products.product_id}{/products}',
    
    ecomm_pagetype: 'cart',
    
    ecomm_totalvalue: '{float_sum_noship}'
    
    };
    
    
    </script>
    
    <script type="text/javascript">
    
    /* <![CDATA[ */
    
    var google_conversion_id = 111111111;
    
    var google_custom_params = window.google_tag_params;
    
    var google_remarketing_only = true;
    
    /* ]]> */
    
    </script>
    
    <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
    
    </script>
    
    <noscript>
    
    <div style="display:inline;">
    
    <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/111111111/?value=0&amp;guid=ON&amp;script=0"/>
    
    </div>
    
    </noscript>
    


    /* kod do wklejenia na końcu pliku tableofproducts.tpl */
    Code:
    {literal}
    
    <script type="text/javascript">
    
    var google_tag_params = {
    
    ecomm_prodid: {/literal}['{foreach from=$products item=x}{$x->getIdentifier()}','{/foreach}']{literal},
    
    ecomm_pagetype: 'home',
    
    ecomm_totalvalue: {/literal}[{foreach from=$products item=product name=prodlist}{$product->stock->stock->price},{/foreach}]{literal}
    
    };
    
    
    </script>
    
    <script type="text/javascript">
    
    /* <![CDATA[ */
    
    var google_conversion_id = 111111111;
    
    var google_custom_params = window.google_tag_params;
    
    var google_remarketing_only = true;
    
    /* ]]> */
    
    </script>
    
    <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
    
    </script>
    
    <noscript>
    
    <div style="display:inline;">
    
    <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/111111111/?value=0&amp;guid=ON&amp;script=0"/>
    
    </div>
    
    </noscript>
    
    {/literal}
    
     
  18. Nabuchodonozor

    Nabuchodonozor Zaglądacz

    Messages:
    13
    Likes Received:
    2
    @Mariusz dzięki, teraz wszystko działa tak jak należy! :)
     
    Mariusz likes this.
  19. Słoik

    Słoik Znawca

    Messages:
    246
    Likes Received:
    26
    Dzień dobry,

    Walczę z tagiem remarketingu :). Otóż zrobiłem jak powyżej jest zalecane, no prawie. Musiałem zmienić kod zmiennych gdyż Tag Assistant wypluwał błędy. U mnie wygląda to tak:


    dla product/index.tpl
    Code:
    ecomm_prodid: {/literal}{$product->product->product_id},{literal}
    ecomm_pagetype: 'product',
    ecomm_totalvalue: {/literal}{if $product->specialOffer}{currency float=true value=$product->defaultStock->getSpecialOfferPrice()}{else}{currency float=true value=$product->defaultStock->getPrice()}{/if}{literal},
    Dla tableofproducts.tpl
    Code:
    ecomm_prodid: {/literal}[{foreach from=$products item=x}{$x->getIdentifier()},{/foreach}]{literal},
    ecomm_pagetype: 'category',
    ecomm_totalvalue: {/literal}[{foreach from=$products item=product name=prodlist}{$product->stock->stock->price},{/foreach}]{literal},
    Dla integracji własnych
    Code:
    ecomm_prodid: {products}{products.product_id}{/products},
    ecomm_pagetype: 'cart',
    ecomm_totalvalue: {float_sum_noship},
    Ogólnie to usunałem apostrofy wszędzie oprócz zmiennej pagetype i dodałem przecinek po totalvalue. Tag assistant teraz pokazuje mi info na zielono, oprócz strony kategorii gdzie pokazuje mały błąd czy zalecenie (na niebiesko):
    Przeszedłbym nad tym do porządku dziennego gdyby nie brak odczytu parametrów niestandardowych w tagu remarketingu w Adwords. Tak było zanim dokonałem powyższych zmian w kodzie zmiennych i tak jest teraz, po zmianiach; mimo że Tag Assistant nie wykazuje błędów, a tylko zalecenia.
    Kontaktowałem się z Google ale chyba osoba, z którą rozmawiałem, była jeszcze mniej "techniczna" niż ja i dostawałem tylko linki do stron z pomocą. Generalnie twierdziła, że Tag Assistant musi pokazywać wszystko na "zielono". Tak jest w przypadku strony produktu (kod jest zaraz przed </body>) ale nie ma żadnej komunikacji panelu Adwords z parametrami niestandardowymi.

    Czy ktoś miał podobny problem i wie jak go rozwiązać? Mi już ręce opadają...
     
  20. Grzesiek

    Grzesiek Centrum Pomocy

    Messages:
    3,659
    Likes Received:
    331
    Nie wiem czy to coś pomoże, ale dostałem zwrotnie taką podpowiedź od jednej z osób które także zajmowały się tego tpu modyfikacjami, nie wiem na ile jest to aktualne:

    Dla tableofproducts.tpl można wprowadzić taki kod:

    Code:
    {literal}
    <script type="text/javascript">
    var google_tag_params = {
    ecomm_prodid: {/literal}['{foreach from=$products item=x}{$x->getIdentifier()}','{/foreach}']{literal},
    ecomm_pagetype: 'home',
    ecomm_totalvalue: {/literal}[{foreach from=$products item=product name=prodlist}{$product->stock->stock->price},{/foreach}]{literal}
    };
    
     

Share This Page