mLaskowski.pl - programowanie, webdesign, projektowanie stron www, blog IT, nowe technologie, Wałbrzych
BLOG

Własny fanpage na Facebooku, widget Lubię to! i komentarze na stronie

28.03.2013 r.
20:20
Własny fanpage na Facebooku, widget Lubię to! i komentarze na stronie

Wiele osób nosi się ostatnio z zamiarem założenia swojego fanpage’a na Facebooku. Ten artykuł opisuje w jaki sposób to zrobić, oraz jak napisać widget Lubię to! I wstawić zintegrowane komentarze.

Jak założyć fanpage na Facebooku?

1. Zaloguj się na swoim koncie na Facebooku. Może to być istniejący profil. Do tego profilu przypiszemy fanpage. Dzięki mechanizmom portalu będziesz mógł następnie decydować, którego profilu aktualnie używasz.

2. Przejdź pod adres https://www.facebook.com/addpage i kliknij przycisk +Utwórz stronę

3. Na następnej podstronie decydujemy jaki to będzie fanpage. Do wyboru mamy lokalną firmę lub miejsce, firmę, organizację instytucję, markę lub produkt, artystę, zespół, rozrywkę lub stronę dobroczynnej organizacji non-profit lub społecznej. Jeżeli jest to zwykły fanpage twojej firmy proponuję wybrać opcję numer 1, a więc Lokalna firma lub miejsce

4. Wybieramy kategorię i wypełniamy krótki formularz.

5. Następnie mamy możliwość skonfigurowania swojej strony w 4 krokach. Możemy je pominąć klikając przycisk Pomiń i wrócić do nich później.

6. W tym momencie mamy utworzony Fanpage, do którego możemy już rozsyłać zaproszenia oraz zarządzać nim za pomocą panelu administracyjnego.

 UWAGA:

Jeżeli komuś z jakiejś przyczyny nie wyskoczyło okienko z możliwością nadania skróconego adresu dla swojego Fanpage, to macie taką możliwość wchodząc pod adres http://www.facebook.com/username/


 Jak dodać wysuwany widget lubię to! na swoją stronę internetową?

1. Wystarczy wejść na stronę https://developers.facebook.com/docs/reference/plugins/like-box/ i uzupełnić pola z adresem swojego fanpage, szerokością, wysokością oraz wybrać schemat kolorów i wygenerować kod klikając przycisk Get code

2. Do swoich styli strony internetowej dopisać poniższy kod

/* facebook
*/
/* glowny div z like box'em */
#like-box {
	position: fixed;
	z-index: 99;
	top: 300px;  /* jego polozenie od gory */
	left: -296px; /* szerokosc wygenerowanego boxa + 4px obramowania */
	-webkit-transition: left 0.5s ease-out;
	-moz-transition: left 0.5s ease-out;
	-o-transition: left 0.5s ease-out;
	transition: left 0.5s ease-out;
}

/* wysuniecie like box'a */
#like-box:hover {
	left: 0px;
}

/* zewnetrzna ramka boxa */
#like-box .outside {
	position: relative;
	z-index: 1;
	background: #3b5999;
	padding: 2px;
	min-width: 1px;
	float: left;
}

/* wewnetrzne tlo boxa */
#like-box .inside {
	position: relative;
	z-index: 2;
	background: #fff;
}

/* pasek z logo FB */
#like-box .belt {
	position: relative;
	z-index: 0;
	-webkit-transform: rotate(90deg); /* obrot o 90 stopni */
	-moz-transform: rotate(90deg); /* wiec wysokosc zamienia sie z szerokoscia */
	-o-transform: rotate(90deg); /* obrot o 90 stopni */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /* obrot o 90 stopni dla IE */
	float: left;
	width: 100px; /* wysokosc */
	height: 40px; /* szerokosc */
	padding: 7px 0px 0px 20px;
	margin: 50px 0px 0px -55px;
	background: #3b5999;
	color: #fff;
	font-weight: bold;
	font-family: Verdana;
	font-size: 16px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

 3. Przed zamknięciem taga wstawiamy wygenerowany kod, dodając przy okazji nasze style:

<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.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));
</script>
	
facebook

 4. I to wszystko! Bardzo prosta sprawa! Teraz pozostaje nam tylko znaleźć ludzi, którzy polubią naszego fanpage’a.


 Jak dodać widget komentarzy zintegrowany z Facebookiem?

1. Sprawa jest równie prosta jak w przypadku widgeta. Wchodzimy na stronę https://developers.facebook.com/docs/reference/plugins/comments/ i wypełniamy formularz z adresem strony, na którym chcemy zamieścić widget komentarzy. Wpisujemy szerokość oraz liczbę komentarzy i wybieramy schemat kolorów.

2. Generujemy kod klikając przycisk Get Code i wygenerowany kod wstawiamy na swoją stronę internetową w miejsce w którym chcemy wyświetlić komentarze.


 Jak dodać moderatora komentarzy?

1. Wystarczy wkleić w sekcji META naszej strony (tam gdzie meta-tagi) poniżą linijkę z kodem:


 W jaki sposób uzyskać swój identyfikator użytkownika na Facebooku?

1. Wchodzimy na swój profil na Facebooka (na swoją ścianę) i klikamy w swoje zdjęcie profilowe

2. Na pasku adresu zostanie wygenerowany link do naszego zdjęcia profilowego np. https://www.facebook.com/photo.php?fbid=434389836591528&set=a.341307709233075.81437.100000615472544&type=1&theater

3. W tym przypadku mój identyfikator to 100000615472544, czyli wszystkie cyfry znajdujące się przed znacznikiem &type a kropką. Ten identyfikator możemy posłużyć np. do ustawienia moderatora w komentarzach na stronie.

Tagi: facebooku,fanpage,komentarze,widget,lubię to
Czytane: 144227 razy

comments powered by Disqus