Я думаю, вам нужно стилизовать этот IFRAME, чтобы он имел ширину и высоту.Вот настройки:
+----------------------+-------+--------+
| Orientation-of-Count | Width | Height |
+----------------------+-------+--------+
| Horizontal | 90px | 20px |
| Vertical | 43px | 58px |
| None | 43px | 20px |
+----------------------+-------+--------+
Пара других вещей, о которых вы не спрашивали, но, возможно, захотите знать:
Вам не нужно вставлять IFRAME, а затемиспользуйте pinit.js.Функция кода pinit.js заключается в замене специально помеченных тегов ANCHOR (A) в вашем документе тегами IFRAME, указанными на CDN с процентами (cloudfront.net).Если вы вставляете IFRAME с соответствующим атрибутом src, вам не нужен pinit.js.
параметры запроса в атрибуте src этого IFRAME должны быть закодированы.В частности, двоеточие и косые черты в параметрах url и media необходимо кодировать с помощью uri.В Javascript вы можете использовать encodeURIComponent() для этого.Я обнаружил, что интерес к формату URL довольно требователен, и он молча провалится, если вы ошибетесь.Если вы используете медиа-URL с пробелами или скобками, я думаю, что это не удастся, даже если это допустимые символы для HTTP URI.Аналогично для URL страницы.
На случай, если вам интересно: я не верю, что вы можете отказаться от использования IFRAME.Я полагаю, что заинтересованность может смотреть на REFERRER, и она может молча отклонять любые запросы pin / create / button, которые не были переданы cloudfront.net.