Fragment Google+ z protokołem Open Graph

Mam stronę internetową, która jest dynamicznie zbudowana i próbuję uzyskać linki udostępnione w Google+, aby wyświetlać fragmenty i wyglądać ładnie, przykładowy fragment do wyświetlania artykułu i dokumentację można znaleźć tutaj:Fragment Google+ z protokołem Open Graph

https://developers.google.com/+/web/snippet/article-rendering

Kiedy śledzę dokumentację moje linki nie czynią wszystkiego ja ustawić w Google Plus, pokazują się tak:

Szef mojej strony wygląda to tak:

<head> 
<div id="replaceGoogle"></div> 
</head>

W moim javascript Mam to wstawić otwartych tagów wykresu raz wygenerowanych:

//replace google 
     var google = '<meta property="og:type" content="article" /><meta itemprop="og:headline" content="'+ data[0].name+'" /> <meta itemprop="og:description" content="View beer on Beer Portfolio" /> <meta property="og:image" content="'+ data[0].icon +'" />'; 
     $("#replaceGoogle").replaceWith(google);

Dane zaczerpnięte z json odczytywane z wywołania AJAX . Czy nie mogę zrobić tego dynamicznie?

Źródło

2016-02-23 Mike

Tylko skrypty ServerSide, które wymagają dynamicznego języka internetowego. – Hammer

Myślę, że to pytanie jest podobne do Generating Open Graph meta tags dynamically. Głównym powodem twojego problemu jest to, że google + i facebook nie wykonają twojego javascript, więc żaden z nich nie zobaczy twoich dynamicznych tagów OG.

Podstawowe rozwiązanie tego problemu jest:

stworzyć unikalny adres URL dla każdej strony dynamicznej i zapisać dynamiczne params dla tego adresu URL w bazie danych.
gdy użytkownik próbujący podzielić stron z tego unikalnego adresu URL znajdziesz zapisanych dynamiczne params
stworzyć stronę z og tagów wypełnionych znajdując dynamicznych params

Źródło

2016-03-07 10:36:03

boczny Zastosowanie serwera skryptów (zapytać szczegóły w komentarzach)

Źródło

2016-03-11 01:41:20

Fragment Google+ z protokołem Open Graph

Odpowiedz

Powiązane problemy