JavaScript Grab URL и вставьте в кнопку Pinterest для вкладки страницы Facebook
-
25-10-2019 - |
Вопрос
Я пытаюсь добавить кнопку Pinterest на страницу продукта для одного изображения в приложении Facebook.
Код Pinterest захватывается из их секции вкусностей и должен включать URL, URL -адрес медиа и описание.
Я не настолько опытен с JavaScript. Я пытаюсь вытащить URL и вставить в кнопку JavaScript для одного элемента. Пожалуйста, смотрите ниже; Спасибо.
<a href="javascript:document.write(location.href);&media=http%3A%2F%2Fwww.mywebsite.net%2Ffiles%2Ftest%2Fks3.jpg&description=hello%20this%20is%20a%20product" class="pin-it-button" count-layout="horizontal">Pin It</a>
Решение
Поскольку вы пытаетесь получить кнопку Pinterest, работающую на вкладке на странице Facebook, это не будет работать из -за невозможности узнать, на какой странице вы находитесь в JavaScript.
Эта информация передается на сервер с signed_request
. Анкет У вас есть пара вариантов для этого:
- Создайте ссылку на страницу, которая будет связана с сервером "PIN"
- Передайте информацию о странице и вкладке страницы на сторону клиента и создайте ссылку здесь.
Остерегайтесь, что это просто ссылка, и она не будет выглядеть как кнопка Pin-It, пока вы не включите Pinterest JavaScript (//assets.pinterest.com/js/pinit.js
) на странице. Если вы создаете эту ссылку на стороне клиента, вы должны включить этот JavaScript после, поэтому ссылка будет заменена на iframe
с фактической кнопкой Pin-It.