2016-02-23 15 views
6

Tôi có trang web được tạo động và đang cố gắng tải liên kết được chia sẻ trên Google+ để hiển thị đoạn mã và trông đẹp mắt, một đoạn mã mẫu cho hiển thị bài viết và tài liệu có thể tìm thấy tại đây:Đoạn trích trên Google+ với giao thức đồ thị mở

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

Khi tôi làm theo các tài liệu liên kết của tôi không làm với tất cả mọi thứ tôi đặt trong google plus, chúng hiển thị như thế này:

enter image description here

Người đứng đầu trang của tôi trông như thế này:

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

Trong javascript của tôi, tôi có điều này để chèn các thẻ đồ thị mở một lần tạo ra:

//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); 

Dữ liệu được lấy từ json đọc từ một cuộc gọi ajax . Tôi không thể làm điều này một cách năng động?

+0

Chỉ cần kịch bản ServerSide cần một ngôn ngữ web động của bạn. – Hammer

Trả lời

4

Tôi nghĩ câu hỏi đó tương tự như Generating Open Graph meta tags dynamically. Lý do chính của vấn đề của bạn là google + và facebook sẽ không thực thi javascript của bạn vì vậy không ai trong số họ sẽ thấy các thẻ og động của bạn.

giải pháp cơ bản cho vấn đề này là:

  • tạo url duy nhất cho mỗi trang năng động và tiết kiệm params động cho url này vào cơ sở dữ liệu.
  • khi người dùng của bạn cố gắng để chia sẻ các trang với url độc đáo này, bạn sẽ tìm thấy lưu params động
  • tạo trang với các thẻ og đầy params động tìm thấy

Simple schema for saving og tags for dynamic generated pages

1

Sử dụng máy chủ side scripting (yêu cầu để biết chi tiết trong các ý kiến)

Các vấn đề liên quan