create account

Open Graph by fervi

View this thread on: hive.blogpeakd.comecency.com
· @fervi ·
Open Graph
Powoli zacząłem pracować nad interfejsem z rodzaju simple-as-fuck. Będę pisał ogólnie różne wpisy na temat wykorzystywanych modułów i koncepcji. A więc zaczniemy od Open Graph. 

# Czym jest Open Graph?

Jest to stworzony standard przez Facebooka ułatwiający przetwarzanie ogólnych informacji na temat strony. Co to oznacza?

Powiedzmy, że mamy blurt.blog. Analizując typową stronę nie musimy mieć żadnych informacji. Twórca nie musi nic zawierać. Natomiast (jako, że mowa o Facebooku) taka strona nie będzie miała żadnych informacji, którymi można użytkownika zaciekawić, takie jak:
* Tytuł
* Obrazek
* Opis
* Tagi
* Rodzaj strony

I tak dalej i tak dalej. Jest to w skrócie zbiór informacji, które twórca strony może przekazać potencjalnemu użytkownikowi Facebooka, Twittera itd. (kto korzysta ten może brać).

# Wykorzystanie w nowym interfejsie

Nowy interfejs ma być dość prymitywny, ale i łatwy w użytkowaniu, gdyż ma polegać na dzieleniu się fajnymi informacjami (coś jak główna na wykopie) przy możliwie małej interakcji użytkownika.

Tak więc użytkownik chcąc podzielić się linkiem, może samemu wypełnić te dane, albo ... może to zrobić skrypt na podstawie tego co chce twórca strony udostępnić.

# Jak przetestować u siebie?

https://img.blurt.world/blurtimage/fervi/b5b9823fa04ce276510a1a157dadac53c1feaa31.png

https://oscarotero.com/embed/demo/

Strona ta nie tylko obsługuje tagi OG, ale również sama próbuje wyciągnąć dane ze stron, które takich danych nie dają (itd.)

Wklejamy tam link i możemy zobaczyć jak to wygląda
👍  , ,
👎  ,
properties (23)
authorfervi
permlinkopen-graph
categorypolish
json_metadata{"tags":["polish","pl-webdev"],"image":["https://img.blurt.world/blurtimage/fervi/b5b9823fa04ce276510a1a157dadac53c1feaa31.png"],"links":["https://oscarotero.com/embed/demo/"],"app":"hiveblog/0.1","format":"markdown"}
created2022-08-25 21:00:12
last_update2022-08-25 21:00:12
depth0
children0
last_payout2022-09-01 21:00:12
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length1,535
author_reputation-1,650,858,928,265
root_title"Open Graph"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id116,030,141
net_rshares-301,600,880,555
author_curate_reward""
vote details (5)