Problem z nowym Widgetem GG

[otasz]

Do tej pory w swoim sklepie www.filaments4u.com, korzystałem z widgeta GG osadzonego za pomocą HTMLBox'a. Wszystko działało super. Oczywiście ktoś wpadł na pomysł, żeby dobrze działający, w pełni konfigurowalny Wigdet wyłączyć i zmusić użytkowników do korzystania z jego nowej wersji, której konfiguracja ogranicza sie do wybrania motywu kolorystycznego. Ale mniejsza o to. Wygenerowałem sobie nowy kod i wkleiłem do HTMLBox'a. Widget pojawia się w sklepie, ale po kliknięciu w okno pisania, przenosi na nową zakładkę, na której odbywa się rozmowa. Trochę mija się to z celem, w starszej wersji można było pisać bezpośrednio w okienku w sklepie (tzn. w tej też tak ponoć można, ale to jest właśnie problemem).

 

Napisałem do supportu GG i otrzymałem takie dwie odpowiedzi:

 

"jest to związane z obsługą javascriptu przez serwer, na którym zamieszczona jest strona. Jeżeli wykonywanie javascriptu nie jest blokowane, widżet gg uruchamia się bezpośrednio na stronie, a nie w nowym oknie."

 

"Po prześledzeniu kodu źródłowego podanej strony znaleźliśmy dodatkowe elementy, które zostały dodane do kodu widżeta prawdopodobnie podczas jego osadzania.

 

Jeżeli korzysta Pan z CMS'a i osadza kod widżeta za pomocą wbudowanego edytora, to ten edytor niepotrzebnie wstawia dodatkowe znaczniki, które wpływają na działanie widżeta.

 

Aby widżet działał prawidłowo jego kod nie może być modyfikowany."

 

I tutaj pytanie, czy ten kod jest faktycznie modyfikowany? Co mogę zrobić, żeby to poprawić?

A może jest jakiś inny, darmowy moduł, z którego mógłbym skorzystać?

 

 

PS. Pytanie poza tematem. Co to są "linki bezpośrednie" w statystykach sklepu? Dość dużo się tego nabija w ciągu miesiąca.

Edited May 5, 2015 by otasz (see edit history)

[smooglerpl]

Nie. Ten kod nie jest modyfikowany. Zostałeś wprowadzony w błąd. Sprawdziłem osobiście uruchamiając sam goły widget na pustej stronie html. Nawet wygenerowany kod, który wklejasz na swoją stronę mówi o tym, że otworzy się nowe okienko:

<a href="link" target="_blank">

Wygląda na to, że komuś w supporcie brakło odpowiednich kompetencji.

 

Szukałem też jakiegoś sposobu na bezpośrednie uruchomienie widgetu na stronie niestety bezskutecznie. Obecnie oferowany kod widgetu, który wklejasz na stronę pełni funkcję obrazka, który po kliknięciu otwiera nowe okienko z linku.

Edited May 5, 2015 by smooglerpl (see edit history)

[otasz]

Też tak właśnie pomyślałem po uzyskaniu tej pierwsze odpowiedzi.

Z jednej strony czasem mnie ten widget denerwował, bo nie wiedziałem, czy nie rozmawiam czasem z konkurencją, ale jednak się przydawał jak ktoś miał krótkie, szybkie pytanie.

A może jest jakaś inna możliwość umieszczenia czegoś darmowego, w stylu czatu na żywo na stronie sklepu?

[endriu107]

Mi się wydaje że jak przypniesz widget do dołu strony to działa ok tylko nie przypiety będzie się otwierał w nowym oknie.

[hatak]

http://www.gg.pl/pomoc/jak-dodac-gg-widzet-strona-www/

jak tak patrze na to co jest w kodzie to moze byc problem braku {literal} kod skryptu {/literal} 

[otasz]

Mi się wydaje że jak przypniesz widget do dołu strony to działa ok tylko nie przypiety będzie się otwierał w nowym oknie.

 

Próbowałem już wszystkich kombinacji i ciągle jest to samo.

 

 

http://www.gg.pl/pomoc/jak-dodac-gg-widzet-strona-www/

jak tak patrze na to co jest w kodzie to moze byc problem braku {literal} kod skryptu {/literal} 

 

Mam to dopisać do wygenerowanego kodu? Jeśli wstawiam to na samym początku i końcu to nic się nie dzieje, chyba że mam to gdzieś głębiej wkleić? Nie znam się na HTML i nie wiem co za co odpowiada.

[smooglerpl]

http://www.gg.pl/pomoc/jak-dodac-gg-widzet-strona-www/

jak tak patrze na to co jest w kodzie to moze byc problem braku {literal} kod skryptu {/literal} 

 

Wygeneruj sobie własny kod widgetu na gg i wklej w pusty plik html. Niczego nie brakuje, to tak ma działać.

[hatak]

ale to moze byc wina wklejania tego kodu przez htmlboxa - nie uzywam go i nie uzywam gg wiec tylko gdybam

- ale jak nie chce cos sie wywolac na stronie zwiazanego z js to moze byc problem jego osadzenia w .tpl - a tu wtedy wchodzi dopisanie tego literal

[smooglerpl]

ale to moze byc wina wklejania tego kodu przez htmlboxa - nie uzywam go i nie uzywam gg wiec tylko gdybam

- ale jak nie chce cos sie wywolac na stronie zwiazanego z js to moze byc problem jego osadzenia w .tpl - a tu wtedy wchodzi dopisanie tego literal

 

Rozumiem, ale wprowadzasz go w błąd i dajesz złudną nadzieję. Tak wygląda kod tego widgetu.

<!-- start gg-widget-html - Copyright GG Network S.A. -->
<a href="http://tutajbyllink" style="background: linear-gradient(#ffdb4d 0%, #ffcc01 100%); color: #444; font-family: Arial, sans-serif; font-size: 14px; font-weight:normal; text-decoration: none; text-align: left; box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.6); -webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.6); -moz-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.6); border-radius: 2px; -webkit-border-radius: 2px; display:block; padding: 2px; width:300px;" rel="nofollow" data-gg-widget="snapped-bottom" target="_blank">
<span style="display: block; padding:10px 8px; line-height:18px">
<img style="float:left;padding-right:8px" src="https://status.gadu-gadu.pl/users/status.asp?id=4741297&styl=1&source=widget"/>Zadaj pytanie on-line</span>
<span style="background: #fff; color: #888; display: block; line-height: 40px; padding-left: 12px; box-shadow: 0px 1px 1px 0px #bbb inset; -webkit-box-shadow: 0px 1px 1px 0px #bbb inset; -moz-box-shadow: 0px 1px 1px 0px #bbb inset;">Napisz do nas...
<span style="background: #66c321; background: -webkit-linear-gradient(#66c321 0%, #4ba508 100%); background: -o-linear-gradient(#66c321 0%, #4ba508 100%); background: -moz-linear-gradient(#66c321 0%, #4ba508 100%); background: linear-gradient(#66c321 0%, #4ca70a 100%); border-radius: 3px; border-top: 1px solid #86e923; border-bottom: 1px solid #397b08; -webkit-border-radius: 3px; color: #fff; display:block; float:right; font-size: 12px; line-height: 22px; margin:9px; padding: 0 10px; text-align: center;">Wy&sacute;lij</span>
</span>
</a><!-- Chcesz mieć GG widget na swojej stronie? Sprawdź http://www.gg.pl/info/komunikator-na-twoja-strone/ -->
<!-- end gg-widget-html -->

<!-- start gg-widget-javascript - kod javascript możesz umieścić przed końcowym znacznikiem body - Copyright GG Network S.A. -->
<script type="text/javascript">
(function() {
    var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.id = 'gg-widget-script';
    s.src = 'http://widget.gg.pl/resources/js/widget.js';
    var ss = document.getElementsByTagName('script')[0]; ss.parentNode.insertBefore(s, ss); })();
</script>
<!-- end gg-widget-javascript -->

[hatak]

sorki - faktycznie "wodziłem go na pokuszenie"

[smooglerpl]

Jeszcze taka ciekawostka, że w moim przypadku nie ważne czy jest zaznaczona czy nie opcja "Przyklej do dołu strony", strona generuje mi taki sam, identyczny kod.

[endriu107]

- ale jak nie chce cos sie wywolac na stronie zwiazanego z js to moze byc problem jego osadzenia w .tpl - a tu wtedy wchodzi dopisanie tego literal

Poprawie, literal stosuje się tylko wtedy gdy w skrypcie są znaki {} jeśli ich nie ma to sie nie stosuje literal

 

I ja zrobiłem mały test w sklepie w którym wdrażałem ten widget też przez moduł html bez znaczników literal włącza się widget poprawnie, ten sam kod wklejony do pustego pliku html otwiera w nowym oknie, sugeruję spróbować wyłączyć html purifier wkleić na nowo kod i sprawdzić.

[otasz]

Zrobiłem tak: w zkaładce Preferencje>Ogólny sekcję "Użyj biblioteki HTMLPurifie" zanaczyłem na "NIE". Wkleiłem ponownie kod wygenerowany ze strony GG do HTMLBox'a i nadal jest to samo. Czy miałem coś pousuwać wcześniej z wygenerowanego kodu?

[endriu107]

Wklej tu na forum kod z którego korzystasz, testowałem kod jeszcze na innym sklepie w wersji 1.6.0.14 działa poprawnie natomiast kod który podał smooglerpl otwiera sie poprawnie ale w nim jest jakiś błąd z DNS.

 

Edit. teraz zobaczyłem ze smooglerpl usunął link z Id dlatego jest błąd DNS

Edited May 5, 2015 by endriu107 (see edit history)

[otasz]

<!-- start gg-widget-html - Copyright GG Network S.A. -->

<a href="http://widget.gg.pl/widget/0ec2b285936d613b4d8cfb45dae8fbce41ba83bd2412b8f59e37105038cddc62#uin=519354222|msg_online=Witam, w czym mogę pomóc|msg_offline=Zostaw wiadomość i informacje kontaktowe, a odpowiemy na Twoje pytanie.|hash=0ec2b285936d613b4d8cfb45dae8fbce41ba83bd2412b8f59e37105038cddc62" style="background: linear-gradient(#212121 0%, #010101 100%); color: #fff; font-family: Arial, sans-serif; font-size: 14px; font-weight:normal; text-decoration: none; text-align: left; box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.6); -webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.6); -moz-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.6); border-radius: 2px; -webkit-border-radius: 2px; display:block; padding: 2px; width:300px;" rel="nofollow" data-gg-widget="normal-bottom" target="_blank">

<span style="display: block; padding:10px 8px; line-height:18px">

<img style="float:left;padding-right:8px" src="https://status.gadu-gadu.pl/users/status.asp?id=51935422&styl=1&source=widget"/>Zadaj pytanie on-line</span>

<span style="background: #fff; color: #888; display: block; line-height: 40px; padding-left: 12px; box-shadow: 0px 1px 1px 0px #bbb inset; -webkit-box-shadow: 0px 1px 1px 0px #bbb inset; -moz-box-shadow: 0px 1px 1px 0px #bbb inset;">Napisz do nas...

<span style="background: #66c321; background: -webkit-linear-gradient(#66c321 0%, #4ba508 100%); background: -o-linear-gradient(#66c321 0%, #4ba508 100%); background: -moz-linear-gradient(#66c321 0%, #4ba508 100%); background: linear-gradient(#66c321 0%, #4ca70a 100%); border-radius: 3px; border-top: 1px solid #86e923; border-bottom: 1px solid #397b08; -webkit-border-radius: 3px; color: #fff; display:block; float:right; font-size: 12px; line-height: 22px; margin:9px; padding: 0 10px; text-align: center;">Wy&sacute;lij</span>

</span>

</a><!-- Chcesz mieć GG widget na swojej stronie? Sprawdź http://www.gg.pl/info/komunikator-na-twoja-strone/ -->

<!-- end gg-widget-html -->

 

<!-- start gg-widget-javascript - kod javascript możesz umieścić przed końcowym znacznikiem body - Copyright GG Network S.A. -->

<script type="text/javascript">

(function() {

    var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.id = 'gg-widget-script';

    s.src = 'http://widget.gg.pl/resources/js/widget.js';

    var ss = document.getElementsByTagName('script')[0]; ss.parentNode.insertBefore(s, ss); })();

</script>

<!-- end gg-widget-javascript -->

Edited May 5, 2015 by otasz (see edit history)

[endriu107]

<!-- start gg-widget-html - Copyright GG Network S.A. -->  <a href="https://widget.gg.pl/widget/0ec2b285936d613b4d8cfb45dae8fbce41ba83bd2412b8f59e37105038cddc62#uin=1264259|msg_online=Witam, w czym mogę pomóc|msg_offline=Zostaw wiadomość i informacje kontaktowe, a odpowiemy na Twoje pytanie.|hash=0ec2b285936d613b4d8cfb45dae8fbce41ba83bd2412b8f59e37105038cddc62" style="background: linear-gradient(#000000 0%, #000000 100%); color: #fff; font-family: Arial, sans-serif; font-size: 14px; font-weight:normal; text-decoration: none; text-align: left; box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.6); -webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.6); -moz-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.6); border-radius: 2px; -webkit-border-radius: 2px; display:block; padding: 2px; width:270px;" rel="nofollow" data-gg-widget="normal-bottom" target="_blank">  <span style="display: block; padding:10px 8px; line-height:18px">  <img style="float:left;padding-right:8px" src="https://status.gadu-gadu.pl/users/status.asp?id=1264259&styl=1&source=widget"/>Zadaj pytanie on-line</span>  <span style="background: #fff; color: #888; display: block; line-height: 40px; padding-left: 12px; box-shadow: 0px 1px 1px 0px #bbb inset; -webkit-box-shadow: 0px 1px 1px 0px #bbb inset; -moz-box-shadow: 0px 1px 1px 0px #bbb inset;">Napisz do nas...  <span style="background: #66c321; background: -webkit-linear-gradient(#66c321 0%, #4ba508 100%); background: -o-linear-gradient(#66c321 0%, #4ba508 100%); background: -moz-linear-gradient(#66c321 0%, #4ba508 100%); background: linear-gradient(#66c321 0%, #4ca70a 100%); border-radius: 3px; border-top: 1px solid #86e923; border-bottom: 1px solid #397b08; -webkit-border-radius: 3px; color: #fff; display:block; float:right; font-size: 12px; line-height: 22px; margin:9px; padding: 0 10px; text-align: center;">Wyślij</span>  </span>  </a><!-- Chcesz mieć GG widget na swojej stronie? Sprawdź http://www.gg.pl/info/komunikator-na-twoja-strone/ -->  <!-- end gg-widget-html -->    <!-- start gg-widget-javascript - kod javascript możesz umieścić przed końcowym znacznikiem body - Copyright GG Network S.A. -->  
<script type="text/javascript">  
	(function() {      
		var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.id = 'gg-widget-script';      
		s.src = 'https://widget.gg.pl/resources/js/widget.js';      
		var ss = document.getElementsByTagName('script')[0]; ss.parentNode.insertBefore(s, ss); })();  
</script>  <!-- end gg-widget-javascript -->

Sprawdź na tym kodzie musi zadziałać.

[otasz]

No nie działa, sprawdźcie sami www.filaments4u.com, w lewej kolumnie. Może coś w ustawieniach sklepu powinienem jeszcze pozmieniać?

Edited May 5, 2015 by otasz (see edit history)

[otasz]

OK, udało się rozwiązać problem. Zainstalowałem HTMLBox'a w wersji 1.5.5 (wcześniej miałem wersję 1.0 ) i teraz jest wszystko w porządku. Tzn. gg działa jak chce, ale na stronie wyświetla się już tak jak powinno. Dzięki wszystkim za pomoc.

[endriu107]

Czyli nasza konwersacja na gg przyniosła oczekiwany skutek i dobrze obstawiłem że to wersja modułu

[otasz]

Tak zgadza się. Myślałem, że moduły się same aktualizują, ale widocznie nie wszystkie. To jeszcze zapytam przy okazji, da się coś jeszcze dokleić do kodu, żeby pod oknem była chociaz jedna pusta linijka? W tej chwili widget jest "przyklejony" do okna fejsbuka i próbuję go trochę odsunąć. Druga sprawa to ta nowa wersja gg to na prawdę krok wstecz. Wcześniej cała rozmowa wyświetlała się w oknie na stronie, a teraz w dodatkowym okienku.

[endriu107]

Dodaj na samym końcu <br /> lub kilka razy w zależności od tego jaki chcesz mieć odstęp.

 

Moduły się aktualizują ale tylko te natywne to jest dodatkowy zewnętrzny moduł więc sie nie zaktualizuje sam.

[otasz]

Teraz jest super. Jeszcze raz dziękuje.

[hatak]

Poprawie, literal stosuje się tylko wtedy gdy w skrypcie są znaki {} jeśli ich nie ma to sie nie stosuje literal

 

 

tak wiem  i  widzialem  tam te nieistniejace klamry   pewnie jestem jednym z tych co ufo widuja

[endriu107]

Nie pisałem odnośnie tego kodu tylko odnośnie wypowiedzi że jeśli nie chce się coś wczytywać z js to może być wina osadzenia kodu w tpl, widziałem znaczniki w kodzie jednak wiedziałem że nie ma to znaczenia ponieważ już dodawałem ten widget przez ten moduł. Jednak nie można wmawiać ludziom że znaczniki literal to są uniwersalne narzędzia naprawy gdy js nie działa podczas implementacji kodu bo te znaczniki nic nie dadzą jak w kodzie nie ma {}. Natomiast faktem jest że ten sam  kod dodany bezpośrednio w pliku tpl wymagałby znaczników literal i głównie na to chciałem zwrócić uwagę.

[smooglerpl]

To gratuluję sukcesu   Gdyby nie fakt, że wam się udało miałem uszykowane okrężne rozwiązanie tj. malutki iframe z linku (tego, który otwierał się w nowej karcie) Autor tematu mógłby sobie wkleić tego iframe'a zamiast widgetu.

Edited May 5, 2015 by smooglerpl (see edit history)