Две кнопки в стиле Facebook на одной странице с двумя разными миниатюрами - PullRequest
Новая
       1

Две кнопки в стиле Facebook на одной странице с двумя разными миниатюрами

0 голосов
/ 18 февраля 2012

У меня есть два разных продукта "Prod_A" и "Prod_B" на одной странице, скажем

www.xyz.com / index1.html

На этой странице представлены два изображения для этих продуктов и небольшие описания.

Мне нужны две одинаковые кнопки для обоих продуктов, обе одинаковые кнопки должны указывать на страницу, где они расположены (www.xyz.com/index1.html), но обе кнопки должны иметь разные og: изображения и описания.

Я нашел несколько решений для нескольких кнопок, но они относятся к разным страницам и не содержат изображений.

спасибо!

PS: Небольшим рабочим примером будет greate

Edit: @DMCS сказал (см. Комментарий), что это невозможно. будет ли это работать, если я создам фиктивную страницу для второго продукта www.xyz.com/index2.html, которая будет перенаправлена ​​на страницу www.xyz.com/index1.html? В этом случае у меня было бы две страницы, тогда возможно ли это?

Ответы [ 3 ]

2 голосов
/ 18 февраля 2012

Да, это возможно, вам нужно создать столько фиктивных страниц, сколько у вас есть кнопок на главной странице.Каждая из этих страниц содержит все необходимые теги OG, включая описания и изображения.Затем вы используете перенаправление, чтобы вернуть пользователя на страницу с помощью кнопок.

Используйте инструмент, похожий на Facebook , чтобы создавать кнопки с использованием URL-адреса каждой фиктивной страницы.Вот пример фиктивной страницы: - 

<html xmlns="http://www.w3.org/1999/xhtml" >

<head><title>This is a dummy page to hold the OG tags</title>

<meta property="og:title" content="This is the text the like button will show in FB when liked"/>

<meta property="og:site_name" content="the site name shown, the from name in FB"/>

<meta property="og:url" content="http://www,yoursite.com/dummp_01.html" />

<meta property="og:image" content="http://www,yoursite.com/dummyimage01.jpg" />

<meta http-equiv="refresh" content="0;url=http://www.redirect_to_url_that_has_all_the_like_buttons.com">

</head><body></body></html>
1 голос
/ 18 февраля 2012

Не могли бы вы добавить переменную к адресу, а затем переключиться с помощью php?

Например

Мне нравится 1 ссылки на: http://xyz.com/index.php?like1=true Нравится 2 ссылки на: http://xyz.com/index.php?like2=true

тогда в php на странице index.php просто используйте оператор if ... 

<?php if (isset($_GET['like1']) { ?>
[your like 1 og tags here]
<?php } else if (isset($_GET['like2']) { ?>
[your like 2 og tags here]
<?php } ?>

ПРИМЕЧАНИЕ Конечно, это решение будет работать и для других языков, кроме php

0 голосов
/ 18 февраля 2012

когда я создаю фиктивную страницу для второго товара www.xyz.com/index2.html, который будет перенаправлять на страницу www.xyz.com/index1.html? Я бы в этом случае имел две страницы возможно

Да, это хорошая идея. Facebook linter не запускает никакой javascript, поэтому он будет правильно подбирать теги og. И когда пользователь заходит на эту страницу, он перенаправляется с помощью javascript и видит страницу с двумя продуктами.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...