Gadżety Gogle i facebook 
Autor: Marcin S.
Besucht 4559,
Followers 3,
Geteilt 0
jak skonfigurować gadżet google+1 button oraz Like z facebooka? Pozdrawiam
Gepostet am
Witaj Marcin,
Generalnie, wystarczy wprowadzić adres URL witryny i ewentualnie zmodyfikować pozostałe opcje.
W czym konretnie masz problem?
Pozdrawiam
Autor
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
Witaj Marcin,
W JS callback nie musisz nic wpisywać, jak nie podasz adresu URL, to domyślnym adresem dla "+1" będzie strona na której znajduje się przycisk. Tak jak pisałem, w obu przypadkach najważniejszy parametr to adres URL. Więcej informacji znajdziesz na poniższych stronach:
https://developers.google.com/+/plugins/+1button/?hl=pl
http://developers.facebook.com/docs/reference/plugins/like/
Pozdrawiam
Autor
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
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
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
Autor
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
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
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 :(
"
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)
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
Jeszcze jedno pytaniez mojej strony :)
trzeba mieć konto na fb (osobiste)? czy stronę?
pozdrawiam
Dominika
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 :)
Autor
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
Witam:)
Szukam ,szukam i nie mogę znaleść gdzie i do kogo mam napisać:
ile czasu trzeba czekać na akceptację opublikowanej strony ?
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
Przepraszam za 2X:) kliknołem chyba by sprawdzić dodanie stronki :)
Pozdrawiam:)
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
Autor
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
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: ***
tak poza tematem / kiedy zostanie dodana moja stronka ? mija już miesiąc - to troche wolno pracuja moderatorzy ...
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
Autor
Jeśli są jakieś pytania proszę o maila na ***, postaram się pomóc.
Pozdrawiam
Marcin S
Witam, dziękuję ale jaki adres?
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