Forum PHP.pl > [HTML] Facebook Comments

Pomoc - Szukaj - Użytkownicy - Kalendarz

arkos

5.11.2011, 11:33:01

Witajcie.
Robię wszystko zgodnie z: http://developers.facebook.com/docs/refere...ugins/comments/

Umieszczenie czegoś takiego na stronie nie działa - nic się nie wyświetla:

[HTML] pobierz, plaintext 
<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.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
 
<div class="fb-comments" data-href="example.com" data-num-posts="2" data-width="500" data-colorscheme="dark"></div>
[HTML] pobierz, plaintext

Gdzieś znalazłem i zrobiłem w taki sposób:

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://connect.facebook.net/pl_PL/all.js#xfbml=1"></script>
</head>
<body>
 
<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.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
 
<div class="fb-comments" data-href="example.com" data-num-posts="3" data-width="600" data-colorscheme="dark"></div>
 
</body>
</html>
[HTML] pobierz, plaintext

Ale również nie do końca to działa, rozmiar okienka jest ograniczony - wysokość, komentarze cały czas się ładują bez przerwy.
Możecie sami to zobaczyć wklejając kod do np. notatnika.

Wie ktoś jak to zrobić?

piotr.kazmierczak

5.11.2011, 12:06:55

Nie za bardzo widzę problem. Na chromie komentarze zachowują się normalnie. Bez ładowania się o którym mówisz. Co do wysokości nie możesz jej zmienić parametrami, co najwyżej liczbą postów. Jeżeli koniecznie chcesz mieć ustaloną wysokość to możesz dać komentarze w diva.

[HTML] pobierz, plaintext 
<div style="height: 300px; overflow-y: scroll">
<div class="fb-comments" data-href="example.com" data-num-posts="2" data-width="500" data-colorscheme="dark"></div>
</div>
[HTML] pobierz, plaintext

W ten sposób będzie można to scrollować.

arkos

5.11.2011, 12:13:00

Zobacz:

A powinno się wyświetlać tak jak tutaj:
http://developers.facebook.com/docs/refere...ugins/comments/
Dodatkowo na IE, to przeglądarka wgl. się zawiesza przy tym.

piotr.kazmierczak

5.11.2011, 12:18:07

Jak chcesz tak samo to wywal: data-colorscheme="dark"

Jeżeli ustawisz overflow-x : scroll to będzie ucięte. Ten znacznik facebookowy nie przewiduje wysokości bo nie wiadomo jakiej wysokości będą same komentarze. Jeżeli musisz mieć ustaloną wysokość użyj tak jak napisałem overflow-x, dodaj tylko do diva jakiś border i padding by było ładnie.

arkos

5.11.2011, 12:19:46

Tak, tylko że ja nie ustalam żadnej wysokości ani nic.
Umieszczam w pliku .html dokładnie ten sam kod, który podałem w pierwszym poście, tam nie ma żadnego pliku css ani nic.

Dodatkowo definiując data-colorscheme="dark" kolor powinien być szary, a nie jest.

Nie wiem co tutaj jest wgl. źle.

@edit
Może w tym tkwi jakiś problem:

[HTML] pobierz, plaintext 
<script src="http://connect.facebook.net/pl_PL/all.js#xfbml=1"></script>
[HTML] pobierz, plaintext

piotr.kazmierczak

5.11.2011, 12:24:48

To nie jest trudne. Masz gotowy widget od facebooka. Jeżeli nie działa na IE to bywa nic z tym nie zrobisz. Co do koloru szarego to po prostu dodajesz styl.

[HTML] pobierz, plaintext 
<div style="background-color: #333;" class="fb-comments" data-href="example.com" data-num-posts="3" data-width="600" data-colorscheme="dark"></div>
[HTML] pobierz, plaintext

Sam kod jest ok.

Edit: ten <script> to możesz wywalić

arkos

5.11.2011, 12:26:05

Może, muszę stworzyć aplikację?

piotr.kazmierczak

5.11.2011, 12:39:20

Nie, nie potrzebujesz aplikacji.

http://fishcode.pl/test.php tutaj wystawiłem te komentarze.
Sprawdziłem je na chromie i IE 7, działają na obu.

Nie wiem, za bardzo co chcesz osiągnąć z tym widgetem więc ciężko mi jest pomóc.

arkos

5.11.2011, 13:22:51

No i tutaj, gdzie podałeś wyświetla się idealnie, tak jak chcę.
Może problem jest dlatego, że nie wgrywam tego na serwer tylko robię to w ,html i na kompie odpalam zwykle w przeglądarce.

Zaraz zobaczę na serwerze.
@edit
działa

Dziwne, że na kompie nie działa hmm, ale to nie problem

A orientuje się ktoś może jak dodać opcję moderacji?
Stworzyłem aplikację, wygenerowałem na nowo kod:

[HTML] pobierz, plaintext 
<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&appId=172859566137405";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
[HTML] pobierz, plaintext

Otrzymałem numer aplikacji: 172859566137405
Ale nie mogę usuwać komentarzy innych osób.

piotr.kazmierczak

5.11.2011, 13:28:42

Na stronie na która wskazuje data-href="twoja_strona.pl" dodaj <meta property="fb:admins" content="{TWÓJ ID USERA FACEBOOKA}"/>

arkos

5.11.2011, 13:41:01

Nic to nie daje próbowałem wiele, nawet dodanie: <meta property="fb:app_id" content="172859566137405"/>
A opcje administracyjne powinny być od razu jak jest się zalogowanym na FB.

piotr.kazmierczak

5.11.2011, 13:46:24

a dodałeś odpowiedzi adres w data-href ?

Bo tam musi być adres twojej strony. Inaczej nie zadziała.

arkos

5.11.2011, 14:39:39

Co masz na myśli mówiąc odpowiedni?
Dodaję w taki sposób:

Cytat

PS. Chcę mieć na stronie kilka formularzy z komentarzami.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.