JavaScript Grab URL и вставьте в кнопку Pinterest для вкладки страницы Facebook

StackOverflow https://stackoverflow.com/questions/9300540

  •  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.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top