WebSite X5Help Center

 
Marcin S.
Marcin S.
User

Gadżety Gogle i facebook  pl

Autore: Marcin S.
Visite 4585, Followers 3, Condiviso 0  
Parole Chiave: button,gadżet,google,like

jak skonfigurować gadżet google+1 button oraz Like z facebooka? Pozdrawiam

Postato il
24 RISPOSTE - 1 UTILE
Promise SA
Promise SA
Icm Partner

Witaj Marcin,

Generalnie, wystarczy wprowadzić adres URL witryny i ewentualnie zmodyfikować pozostałe opcje.

W czym konretnie masz problem?

Pozdrawiam

Leggi di più
Postato il da Promise SA
Marcin S.
Marcin S.
User
Autore

Jeśli chodzi o google +1 button to co trzeba wpisać w: JS callback function oraz w rubryke +1 URL

a jeśli chodzi o facebook like button to tam wgl duzo opcji jest i co trzeba zrobic zeby dzialal poprawnie, i czy jest mozliwosc chowanego buttona?

Pozdrawiam

Leggi di più
Postato il da Marcin S.
Marcin S.
Marcin S.
User
Autore

mam pytanie, bo do gadżetu like facebooka przypisałem adres url mojej witryny i bylo ok.

Postanowiłem sobie zrobić wysuwany like box i udało się tylko nie zsynchronizował się z tym gadżetem nie wiem czemu, tzn jest różnica w ilości osób lubiących.

http://uszczelnianie.com.pl/kontakt.html

na tej stronie to widać

Pozdrawiam

Leggi di più
Postato il da Marcin S.
Promise SA
Promise SA
Icm Partner

Witaj Marcin,

Nie jestem pewien jak dokładnie działa polecanie i "Like" w Facebooku, możliwe że adresy są różne i system traktuje je jak inne strony.

Pozdrawiam

Leggi di più
Postato il da Promise SA
Dominika B.
Dominika B.
User

witam

mam werjsę evolusion 9, chciałabym zamieścić like box'y wysuwane do facebook'a i google+1, takie jak widać na stronie podanej przez Marcin S.

czy wystarczy dodać interesujące mnie ikony  z "HTML i gadżety" ustawiąjąc oczywiście adresy url np. na stronę główną? Efekt dodania tych ikon jest widoczny dopiero po opublikowaniu strony, wiec nie wiem jak to bedzie wyglądało.

z góry dziękuję za pomoc

pozdrawiam

Dominika

Leggi di più
Postato il da Dominika B.
Marcin S.
Marcin S.
User
Autore

Witaj Dominiko

Ja aby dodać takie like box'y w edytorze wzorca wybrałem opcję wstaw kod html i tam wstawiłem taki kod:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html>
 
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
 
<!--WIDGET GOOGLE+-->
<!-- Place this tag in the <head> of your document -->
<link href="<b>https://plus.google.com/b/102429955775453367642/102429955775453367642" rel="publisher" /><script type="text/javascript">
window.___gcfg = {lang: 'pl'};
(function()
{var po = document.createElement("script");
po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js";
var s = document.getElementsByTagName("script")[0];
s[removed].insertBefore(po, s);
})();</script>
<!--KONIEC WIDGET GOOGLE+-->
</head>
<body>
<script type="text/javascript">
 //<[!CDATA[
  jQuery.noConflict();
   
  jQuery(document).ready(function() {  
       
   jQuery("#googleplus2_2").hover(function(){   
    jQuery(this).stop(true,false).animate({right: "0px"}, 500 );  
   },
   function(){
    jQuery("#googleplus2_2").stop(true,false).animate({right: "-304px"}, 500 );
     
   });  
          
   jQuery("#facebook2_2").hover(function(){   
    jQuery(this).stop(true,false).animate({right: "0px"}, 500 );  
   },
   function(){
    jQuery("#facebook2_2").stop(true,false).animate({right: "-304px"}, 500 );   
   });
       
   jQuery("#twitter2_2").hover(function(){   
    jQuery(this).stop(true,false).animate({right: "0px"}, 500 );  
   },
   function(){
    jQuery("#twitter2_2").stop(true,false).animate({right: "-300px"}, 500 );   
   });
          
   jQuery("#youtube2_2").hover(function(){   
    jQuery(this).stop(true,false).animate({right: "0px"}, 500 );  
   },
   function(){
    jQuery("#youtube2_2").stop(true,false).animate({right: "-304px"}, 500 );   
   });
        
   jQuery("#nk2_2").hover(function(){   
    jQuery(this).stop(true,false).animate({right: "0px"}, 500 );  
   },
   function(){
    jQuery("#nk2_2").stop(true,false).animate({right: "-300px"}, 500 );   
   });
  });  
 //]]>
</script>

 
<!--WIDGET GOOGLE+-->
<div id="googleplus2_2" style="right: -304px; z-index: 9995; background: #ffffff; padding: 0px; width: 300px; height: 118px; position: fixed; top: 474px; border: 2px solid #00569F">
  <a href="#"></a><img style="position: absolute; left:-33px;" src="<span class="underline">/images/google-+1-button.png" />
  <!-- Place this tag where you want the badge to render -->
  <div class="g-plus" data-href="https://plus.google.com/b/102429955775453367642/102429955775453367642" data-width="300" data-height="131" data-theme="light"></div>
</div>
<!--KONIEC WIDGET GOOGLE+-->
<!--WIDGET FACEBOOK-->
<div id="fb-root"></div>
<script>(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/pl_PL/all.js#xfbml=1";
  fjs[removed].insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div id="facebook2_2" style="right: -304px; z-index: 9999; background: #ffffff; padding: 0px; width: 300px; height:550px; position: fixed; top: 367px; border: 2px solid #3B95D8">
  <a href="#"></a><img style="position: absolute; left:-33px;" src="<span class="underline">/images/facebook.png" />
  <div class="fb-like-box" data-href="<b>http://www.facebook.com/pages/Izomar-SC/414262315333019" data-width="300" data-height="550" data-show-faces="true" data-stream="true" data-header="false"></div>
</div>
<!--KONIEC WIDGET FACEBOOK-->
 
</body>
</html>

Miejsca pogrubione musisz podmienić na linki z własnej stony facebook oraz google plus a w miejsca podkreślone wstawiasz ścieżkę pliku ze zdjęciem dla wysuwanego paska bocznego.

Mam nadzieję, że pomogłem.

Pozdrawiam

Leggi di più
Postato il da Marcin S.
Dominika B.
Dominika B.
User

dziękuję za odpowiedź.

Prawie wszystko rozumię ;) takie pytanie dodatkowe, gdzie dokładnie w edytorze wzorca wstawiłeś kod html? jedyne miejsce które ja zlokalizowałam, gdzie można dodać kod html to w nagłówku albo stopce... tam?

hmm i generalnie czeka mnie założenie strony na fb i google, żeby to działało? myślałam, że dowolny internałta trafiający na moją stronę,będzie mógł kliknąć "lubię to" i na jego koncie na fb zostanie dodane info że lubi mają stronę np. www.abc.pl. A tu wychodzi, że ten "like" się odniesie do mojej strony na fb. dobrze myślę? bo już się pogubiłam.

czy da się to zrobić bez posiadania strony na fb i google?

pozdrawiam

Leggi di più
Postato il da Dominika B.
Darek J.
Darek J.
User

Witam :)

Dominika :) - tak trzeba mieć założone konto na FB do "guziorka" lubię to i konto do google

by mieć G+ :)

A teraz moje pytanko :)

dodałem przycisk "lubię to" z waszej kolekcji, ale po sprawdzeniu strony wyświetliło 3 błędy z nim zwiazane :(

" Error Line 115, Column 395: The scrolling attribute on the iframe element is obsolete. Use CSS instead. … overflow:hidden; width:400px; height:80px;" allowTransparency="true"></iframe> "

można to zmienić ?

Pozdrawiam :)

Ps. ile czasu trzeba czekać na akceptacje swojej strony?

(niedługo tydzień minie, a moja strona dalej w oczekiwaniu)

Leggi di più
Postato il da Darek J.
Promise SA
Promise SA
Icm Partner

Witaj Darek Tiger,

Ten błąd nie jest istotny pod względem działania strony. Informuje jedynie, że wykorzystany atrybut jest przestarzały.

Nie wiem w jakim tempie odbywa się akceptacja witryn.

Pozdrawiam

Leggi di più
Postato il da Promise SA
Dominika B.
Dominika B.
User

Jeszcze jedno pytaniez mojej strony :)

trzeba mieć konto na fb (osobiste)? czy stronę?

pozdrawiam

Dominika

Leggi di più
Postato il da Dominika B.
Darek J.
Darek J.
User

Witam ponownie :)

Dzięki za odpowiedź i czekam dalej na akceptacje mojej stronki :)

Dominika :) Konto na Fb jakie chcesz :) można to i to mieć :)

pozdrawiam wszystkich :)

Leggi di più
Postato il da Darek J.
Marcin S.
Marcin S.
User
Autore

Witaj Dominiko

Jeśli nie chcesz zakładać konta na FB to możesz sobie na stronie dać znaczek POLEĆ jak na mojej stronie w zakładce kontakt obok formularza. Natomiast do wysuwanego Like Boxa potrzebne jest konto.

Pozdrawiam

Leggi di più
Postato il da Marcin S.
Darek J.
Darek J.
User

Witam:)

Szukam ,szukam i nie mogę znaleść gdzie i do kogo mam napisać:

 ile czasu trzeba czekać na akceptację opublikowanej strony ?

Leggi di più
Postato il da Darek J.
Promise SA
Promise SA
Icm Partner

Witaj Darek,

W kolejce do akceptacji jest bardzo dużo witryn więc czas oczekiwania jest wydłużony. Niestety, nie jestem w stanie określić kiedy Twoja strona zostanie poddana weryfikacji i dodana do galerii, musisz uzbroić się w cierpliwość. Poza tym, dodawanie tej samej strony dwa razy wcale nie przyspieszy jej weryfikacji, a tylko dołoży moderatorowi dodatkowej pracy.

Pozdrawiam

Leggi di più
Postato il da Promise SA
Darek J.
Darek J.
User

Przepraszam za 2X:) kliknołem chyba by sprawdzić dodanie stronki :)

Pozdrawiam:)

Leggi di più
Postato il da Darek J.
Adam C.
Adam C.
User

Pytanie do Marcin S. ->

jak dodać ten kod co wyżej napisałeś do strony ? próbuje i próbuje i nic sie nie wyświetla po wyeksportowaniu strony

Leggi di più
Postato il da Adam C.
Marcin S.
Marcin S.
User
Autore

ja poprostu wstawiłem ten kod w stopce strony jako kod html. Musisz oprócz tego na serwer załadować obraz/ikone fb czy google jaką chcesz żeby było widać, i w kodzie wpisac odpowiednią ścieżkę do tego obrazka

Leggi di più
Postato il da Marcin S.
Radek W.
Radek W.
User

Powracam do tematu wysuwanego like box facebook... nie wiem czemu ale na stronie http://cx.net.pl/internet/index.html wstawiony like box chowa się pod grafikę strony ... proszę o podpowiedź jaka może być tego przyczyna ... a tak na marginesie to prośba do Marcina S. może był byś tak miły i pomógł mi w przygotowaniu nowego kodu na bazie tego który wyżej umieściłeś :) ... jestem początkującym webmasterem i jeszcze nie ze wszystkim sobie radzę ;) ... na wszelki wypadek podam adres mailowy: ***

 

Leggi di più
Postato il da Radek W.
Adam C.
Adam C.
User

tak poza tematem / kiedy zostanie dodana moja stronka ? mija już miesiąc - to troche wolno pracuja moderatorzy ...

Leggi di più
Postato il da Adam C.
Marek S.
Marek S.
User
Marcin S.
Witaj Dominiko Ja aby dodać takie like box'y w edytorze wzorca wybrałem opcję wstaw kod html i tam wstawiłem taki kod: <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html>   <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>   <!--WIDGET GOOGLE+--> <!-- Place this tag in the <head> of your document --> <link href="<b>https://plus.google.com/b/102429955775453367642/102429955775453367642" rel="publisher" /><script type="text/javascript"> window.___gcfg = {lang: 'pl'}; (function() {var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js"; var s = document.getElementsByTagName("script")[0]; s[removed].insertBefore(po, s); })();</script> <!--KONIEC WIDGET GOOGLE+--> </head> <body> <script type="text/javascript">  //<[!CDATA[   jQuery.noConflict();       jQuery(document).ready(function() {              jQuery("#googleplus2_2").hover(function(){        jQuery(this).stop(true,false).animate({right: "0px"}, 500 );      },    function(){     jQuery("#googleplus2_2").stop(true,false).animate({right: "-304px"}, 500 );          });                 jQuery("#facebook2_2").hover(function(){        jQuery(this).stop(true,false).animate({right: "0px"}, 500 );      },    function(){     jQuery("#facebook2_2").stop(true,false).animate({right: "-304px"}, 500 );       });            jQuery("#twitter2_2").hover(function(){        jQuery(this).stop(true,false).animate({right: "0px"}, 500 );      },    function(){     jQuery("#twitter2_2").stop(true,false).animate({right: "-300px"}, 500 );       });               jQuery("#youtube2_2").hover(function(){        jQuery(this).stop(true,false).animate({right: "0px"}, 500 );      },    function(){     jQuery("#youtube2_2").stop(true,false).animate({right: "-304px"}, 500 );       });             jQuery("#nk2_2").hover(function(){        jQuery(this).stop(true,false).animate({right: "0px"}, 500 );      },    function(){     jQuery("#nk2_2").stop(true,false).animate({right: "-300px"}, 500 );       });   });    //]]> </script>   <!--WIDGET GOOGLE+--> <div id="googleplus2_2" style="right: -304px; z-index: 9995; background: #ffffff; padding: 0px; width: 300px; height: 118px; position: fixed; top: 474px; border: 2px solid #00569F">   <a href="#"></a><img style="position: absolute; left:-33px;" src="<span class="underline">/images/google-+1-button.png" />   <!-- Place this tag where you want the badge to render -->   <div class="g-plus" data-href="https://plus.google.com/b/102429955775453367642/102429955775453367642" data-width="300" data-height="131" data-theme="light"></div> </div> <!--KONIEC WIDGET GOOGLE+--> <!--WIDGET FACEBOOK--> <div id="fb-root"></div> <script>(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/pl_PL/all.js#xfbml=1";   fjs[removed].insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <div id="facebook2_2" style="right: -304px; z-index: 9999; background: #ffffff; padding: 0px; width: 300px; height:550px; position: fixed; top: 367px; border: 2px solid #3B95D8">   <a href="#"></a><img style="position: absolute; left:-33px;" src="<span class="underline">/images/facebook.png" />   <div class="fb-like-box" data-href="<b>http://www.facebook.com/pages/Izomar-SC/414262315333019" data-width="300" data-height="550" data-show-faces="true" data-stream="true" data-header="false"></div> </div> <!--KONIEC WIDGET FACEBOOK-->   </body> </html> Miejsca pogrubione musisz podmienić na linki z własnej stony facebook oraz google plus a w miejsca podkreślone wstawiasz ścieżkę pliku ze zdjęciem dla wysuwanego paska bocznego. Mam nadzieję, że pomogłem. Pozdrawiam
Marcin S.
Witaj Dominiko Ja aby dodać takie like box'y w edytorze wzorca wybrałem opcję wstaw kod html i tam wstawiłem taki kod: <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html>   <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>   <!--WIDGET GOOGLE+--> <!-- Place this tag in the <head> of your document --> <link href="<b>https://plus.google.com/b/102429955775453367642/102429955775453367642" rel="publisher" /><script type="text/javascript"> window.___gcfg = {lang: 'pl'}; (function() {var po = document.createElement("script"); po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js"; var s = document.getElementsByTagName("script")[0]; s[removed].insertBefore(po, s); })();</script> <!--KONIEC WIDGET GOOGLE+--> </head> <body> <script type="text/javascript">  //<[!CDATA[   jQuery.noConflict();       jQuery(document).ready(function() {              jQuery("#googleplus2_2").hover(function(){        jQuery(this).stop(true,false).animate({right: "0px"}, 500 );      },    function(){     jQuery("#googleplus2_2").stop(true,false).animate({right: "-304px"}, 500 );          });                 jQuery("#facebook2_2").hover(function(){        jQuery(this).stop(true,false).animate({right: "0px"}, 500 );      },    function(){     jQuery("#facebook2_2").stop(true,false).animate({right: "-304px"}, 500 );       });            jQuery("#twitter2_2").hover(function(){        jQuery(this).stop(true,false).animate({right: "0px"}, 500 );      },    function(){     jQuery("#twitter2_2").stop(true,false).animate({right: "-300px"}, 500 );       });               jQuery("#youtube2_2").hover(function(){        jQuery(this).stop(true,false).animate({right: "0px"}, 500 );      },    function(){     jQuery("#youtube2_2").stop(true,false).animate({right: "-304px"}, 500 );       });             jQuery("#nk2_2").hover(function(){        jQuery(this).stop(true,false).animate({right: "0px"}, 500 );      },    function(){     jQuery("#nk2_2").stop(true,false).animate({right: "-300px"}, 500 );       });   });    //]]> </script>   <!--WIDGET GOOGLE+--> <div id="googleplus2_2" style="right: -304px; z-index: 9995; background: #ffffff; padding: 0px; width: 300px; height: 118px; position: fixed; top: 474px; border: 2px solid #00569F">   <a href="#"></a><img style="position: absolute; left:-33px;" src="<span class="underline">/images/google-+1-button.png" />   <!-- Place this tag where you want the badge to render -->   <div class="g-plus" data-href="https://plus.google.com/b/102429955775453367642/102429955775453367642" data-width="300" data-height="131" data-theme="light"></div> </div> <!--KONIEC WIDGET GOOGLE+--> <!--WIDGET FACEBOOK--> <div id="fb-root"></div> <script>(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/pl_PL/all.js#xfbml=1";   fjs[removed].insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <div id="facebook2_2" style="right: -304px; z-index: 9999; background: #ffffff; padding: 0px; width: 300px; height:550px; position: fixed; top: 367px; border: 2px solid #3B95D8">   <a href="#"></a><img style="position: absolute; left:-33px;" src="<span class="underline">/images/facebook.png" />   <div class="fb-like-box" data-href="<b>http://www.facebook.com/pages/Izomar-SC/414262315333019" data-width="300" data-height="550" data-show-faces="true" data-stream="true" data-header="false"></div> </div> <!--KONIEC WIDGET FACEBOOK-->   </body> </html> Miejsca pogrubione musisz podmienić na linki z własnej stony facebook oraz google plus a w miejsca podkreślone wstawiasz ścieżkę pliku ze zdjęciem dla wysuwanego paska bocznego. Mam nadzieję, że pomogłem. Pozdrawiam

Witam

Zrobiłem tak właśnie i mam problem

Niewyświetlają mi się przyciski.

Następuje wysuw przycisków i nic po za tym

Na tej stronie; http://www.marboelektronarzedzia.pl/nowy/index.html

Jest to strona testowa z tym błedem.

Próbowałem wklejać kod i w nagłówku i w stopce.

Jest problem z wyświetlaniem przycisku google+button i przycisku facebook.

Jak wkleję w adres;

http://www.marboelektronarzedzia.pl/nowy/images/facebook.png  lub 

http://www.marboelektronarzedzia.pl/nowy/images/google-+1-button.png

przenosi mnie na stronę 404. lub stronę inną informującą o błędzie serwera.

Jak wejdę z poziomu ftp  w katalog z plikami i otwieram dwuklikiem obrazki są widoczne.Zmieniałem atrybuty tych plików, bez skutku.

Jeżeli może mi ktoś pomóc to bardzo dziękuje.Mam nadzieję, że uda się to  razem jakoś rozwiązać.

Dziękuje, pozdrawiam i czekam na odzew

Marek

Leggi di più
Postato il da Marek S.
Marcin S.
Marcin S.
User
Autore

Jeśli są jakieś pytania proszę o maila na ***, postaram się pomóc.

Pozdrawiam

Marcin S

Leggi di più
Postato il da Marcin S.
Marek S.
Marek S.
User

Witam, dziękuję ale jaki adres?Laughing

Marcin S.
Jeśli są jakieś pytania proszę o maila na ***, postaram się pomóc. Pozdrawiam Marcin S
Leggi di più
Postato il da Marek S.
Promise SA
Promise SA
Icm Partner

Witajcie,

Przypominam, że to jest forum publicznie dostępne i publikowanie swoich adresów e-mail nie jest wskazane, ponieważ taki adres może być później łatwo odnaleziony przez roboty spamujące.

Pozdrawiam

Leggi di più
Postato il da Promise SA