Drukuj temat
Protokół OpenGraph
Apis
Udostępnianie treści w mediach społecznościowych to jeden ze sposobów zwiekszenia ruchu w naszej witrynie, blogu czy serwisie informacyjnym. Aby zadbać o to, by udostepnione treści prezentowały się jak najatrakcyjniej? Z pomocą przychodzi właśnie OpenGraph.

Jak wdrożyć Open Graph? Tagi opengraph (w skrócie og:) to prosty kawałek kodu, który można dodać ręcznie w sekcji "head" i wygląda mniej więcej tak:
Kod źródłowyPobierz kod źródłowy  

<meta property="og:title" content="tytuł_wyświetlanej_strony">
<meta property="og:description" content="opis_wyświetlanej_strony">
<meta property="og:url" content="https://www.twoja_strona.pl/">
<meta property="og:keywords" content="słowa_kluczowe">
<meta property="og:image" content="wybrany_obraz">
<meta property="og:site_name" content="nazwa_twojej_strony">
<meta property="og:type" content="website">


Jeśli korzystasz z PHPFusion w wersji 9.x.x. nie musisz w zasadzie nic robić aby powyższe tagi zostały dodane do kodu strony. Dodawane są automatycznie, bo skrypt został wyposażony w klasę "OpenGraph" i pliki rządzące tym procesem umieszczono w odpowiednich miejscach:

ogólny: includes/classes/PHPFusion/OpenGraph.php (on m.in. dodaje tagi "og:" w head oraz ustawienia domyślne)

dla newsów: infusions/news/classes/news/OpenGraphNews.php
dla artykułów: infusions/articles/classes/articles/OpenGraphArticles.php
dla bloga: infusions/blog/classes/OpenGraphBlogs.php

Aby udostępnione na Facebooku lub Twiterze treści newsów, artykułów czy bloga wyświetlane były w formie jak niżej na obrazku

www.apisvideo.pl/pic/fejs.jpg

należy koniecznie w Panelu Admina PHPFusion w "ustawienia głównych" wypełnić:

- nazwę strony
- opis witryny
- słowa kluczowe

bo bez wypełnienia tych pól ładowane będą ustawienia domyślne, wyglądające mniej więcej tak:

www.apisvideo.pl/pic/default.jpg

Należy także zmienić w folderze images/favicons zestaw domyślnych ikon (są to ikony PHPFusion) na ikony własne. Ten fakt przyda się potem do innych pożytecznych funkcji. Do wygenerowania zestawu ikon można użyć generatora online https://realfavicongenerator.net/ przygotowawszy sobie wcześniej odpowiedni obrazek w kwadratowym polu (np. 512x512 px). Po wygenerowaniu otrzymamy folder, którego zawartość należy w całości przenieśc do foldera images/favicons naszego serwisu

Gdy spełnimy te wymagania - udostępniane treści będą na Fejsie i Twiterze prezentować się jak należy. Ale.....

Twórcy PHPFusion 9 jak zwykle narobili błędów. O ile plik OpenGraphNews.php napisano poprawnie, to dla artykułów i blogów sklonowano plik dotyczący newsów, zmieniając jedynie słowa "news" na "articles" czy "blog". A przecież w artykułach i blogu nie występuję ciąg "?readmore="

Dlatego w plikach OpenGraphArticles.php i OpenGraphBlogs.php trzeba dokonać poprawki.
w pliku OpenGraphArticles.php w linii:
Kod źródłowyPobierz kod źródłowy  

            $info['url'] = $settings['siteurl'].'infusions/articles/articles.php?readmore='.$article_id;

zmienić na:
Kod źródłowyPobierz kod źródłowy  

            $info['url'] = $settings['siteurl'].'infusions/articles/articles.php?article_id='.$article_id;


a w pliku OpenGraphBlogs.php
w linii:
Kod źródłowyPobierz kod źródłowy  

            $info['url'] = $settings['siteurl'].'infusions/blog/blog.php?readmore='.$blog_id;

zmienić na:
Kod źródłowyPobierz kod źródłowy  

            $info['url'] = $settings['siteurl'].'infusions/blog/blog.php?blog_id='.$blog_id;


Po dokonaniu poprawek wszystko będzie działać jak należy. Niestety - reszta elementów strony (forum, galeria itp.) będą udostepniane z ustawieniami domyślnymi
Edytowane przez Apis dnia 11.11.2022 17:22
---
Jeśli wydaje ci się, że wiesz wszystko - masz rację: wydaje ci się...
 
krystian1988
Do PF7 masz jakiś poradnik?
--------------------------------------------
Pozdrawiam krystian1988.
 
Apis
PF 7/8 nie posiadają klasy sterującej protokołem OG. Trzeba byłoby napisać taki plik lub adaptować z PF 9 aby choć funkcjonowały ustawienia domyślne.

Można też w sposób "ręczny" wpisać do <head> tagi OpenGraph ale przy udostepnianiu np. na Facebooku nie będzie to tak działać jak w opisanym wyżej przykładzie z PF 9.
---
Jeśli wydaje ci się, że wiesz wszystko - masz rację: wydaje ci się...
 
krystian1988
Hmm szkoda no ale jest szansa że się kiedyś znajdzie jakaś metoda Uśmiech albo sam będę próbował Uśmiech
--------------------------------------------
Pozdrawiam krystian1988.
 
Apis
W zasadzie strony pozbawione w <head> tagów og: (opengraph) będą w przypadku udostępniania na Fejsie czy Twiterze wyświetlane, ale w takim przypadku jako obrazek pobierana jest pierwsza napotkana na stronie grafika. Bardzo często jest to logo strony, które (jeśli nie jest na planie kwadratu) zostanie obcięte do centralnego fragmentu. Forma wyświetlania będzie zwykle przypominała tę:
www.apisvideo.pl/pic/default.jpg
albo tę:
www.apisvideo.pl/pic/krystian.jpg
---
Jeśli wydaje ci się, że wiesz wszystko - masz rację: wydaje ci się...
 
krystian1988
To nie ma tragedii w sumie Uśmiech
--------------------------------------------
Pozdrawiam krystian1988.
 
kinimod
Krystian jest to u mnie na stronie pod pf7
 
krystian1988

Cytat

kinimod napisał(a):

Krystian jest to u mnie na stronie pod pf7


Jak masz już ten mod to możesz udostępnić przyszłym pokoleniom.
--------------------------------------------
Pozdrawiam krystian1988.
 
Przejdź do forum: