Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem
WebHelp.pl Warsztat Porady Wstawianie komentarzy Google+ na własną stronę

Warsztat / Porady

Wstawianie komentarzy Google+ na własną stronę

Bartosz Romanowski 24 kwietnia 2013 komentarze ()

Komentarze Google+ są stosunkowo nowym produktem giganta z Mountain View. Po raz pierwszy zostały zaprezentowane w połowie kwietnia jako nowość w platformie blogowej Blogger.com. Nie jest tajemnicą, że Google chce konkurować na tym polu z Facebookiem czy Disqusem, jednak (jak do tej pory) nie udostępnia oficjalnie metody na osadzanie komentarzy na dowolnej stronie. Na szczęście jest na to prosty sposób.

Aby dodać komentarze Google+ do swojej strony wystarczy dodać do niej (na przykład pod tekstem) następujący kod:

Kod: Zaznacz cały
<script src="https://apis.google.com/js/plusone.js">
<g:comments
    href="http://adres-naszej-strony.pl/artykul-1/"
    width="600"
    first_party_property="BLOGGER"
    view_type="FILTERED_POSTMOD">
</g:comments>

Parametr href to adres URL strony, dla której chcemy włączyć komentarze (najczęściej to adres bieżącej strony), a parametr width pozwala na określenie szerokości ramki z komentarzami.

Można również skorzystać z kodu HTML5:

Kod: Zaznacz cały
<script src="https://apis.google.com/js/plusone.js">
</script>
<div class="g-comments"
    data-href="http://adres-naszej-strony.pl/artykul-1/"
    data-width="642"
    data-first_party_property="BLOGGER"
    data-view_type="FILTERED_POSTMOD">
</div>

Jeśli na stronie ładujemy już skrypt plusone.js (np. dla przycisków +1), to możemy usunąć z powyższego kodu pierwszą linię.

Efekt działania tego kodu wygląda następująco:

Możemy również wstawić na stronę informację o liczbie komentarzy. Posłuży nam do tego następujący kod:

Kod: Zaznacz cały
<g:commentcount href="http://adres-naszej-strony.pl/artykul-1/"></g:commentcount>

Alternatywna wersja HTML5:

Kod: Zaznacz cały
<div class="g-commentcount" data-href="http://adres-naszej-strony.pl/artykul-1/"></div>

Niestety, w tej chwili jeszcze nie wszystko działa jak trzeba. Ramka z komentarzami otrzymuje bardzo dużą wysokość, przez co zostaje pod nią sporo wolnego miejsca gdy komentarzy jest mało lub nie ma ich wcale. Parametr width działa z kolei dość dziwnie - czasem szerokość ramki jest ustawiana poprawnie, a czasem ramka jest rozciągana do pełnej szerokości elementu, w którym się znajduje.

Trzeba pamiętać, że komentarze Google+ działają nieco inaczej niż inne tego typu systemy. Jako komentarz traktowana jest każda wzmianka na temat strony o podanym adresie, niezależnie od tego kto i za pomocą czego (strona G+, aplikacja mobilna lub formularz dodawania komentarza) ją opublikował.

Źródło: Browsing the Net

Masz pytania lub wątpliwości? Odwiedź nasze forum dyskusyjne.

Bartosz Romanowski

Programista, gadżeciarz, krytyczny miłośnik produktów Apple, fan ciężkich brzmień i niepoprawny pesymista.


Komentarze


HTML CSS JavaScript PHP bazy danych MySQL Flash grafika framework hosting domeny pozycjonowanie wordpress Facebook