Как да вградите Pinterest съвет във Вашия уебсайт

Миналата седмица се сблъсках с проблем. Бях поставял заедно блог пост за най-добрите немаркетингови Pinterest дъски, които да следват ... но всъщност не успях да накарам Pinterest дъски да вмъкнат в пост, след като следвах инструкциите на Pinterest. Това беше досадно, особено след като изцяло написах текстовата част на поста и всичко, от което се нуждаех, бяха вградените дъски, за да го довърша.

В моето чувство на неудовлетвореност, аз започнах да прониквам с много ограниченото си HTML познание, за да се надявам да намеря решение, което ще работи ... и някак си го направи! Бях изпомпана. Аз с радост написах инструкции в имейл за това как да вградя съвет на Pinterest в блога и след това да го изпратя на колегите си блогъри. Вземете този имейл и го превърнете в публикация в блога - това е, което казваме на нашите прекрасни абонати в блога да правят, когато за първи път започнат!

Така че ето ме практикуване на това, което ние проповядваме, пренасочване на тези инструкции имейли в блог съдържание. И честно казано, този пост беше лесен за писане, след като вече обясних всичко на колегите си по имейл. Без никакво допълнително раздразнение, нека да стигнем до моя имейл / блог пост за вграждане на Pinterest дъски. Това е чинч!

1) Отидете на Pinterest Widget Builder и изберете "Widget за дъски".

2) Поставете URL адреса на дъската, който искате да вградите. Персонализирайте размера на дъската, както желаете в „Разширени опции“. След това кликнете върху „Създайте го!“

3) Ще се появят два откъса от кода. Превъртете до най-долния фрагмент от кода и кликнете върху „Разширени“ под „Зареждане на JavaScript“.

4) Копирайте кода от този раздел, където пожелаете, в публикацията или в уебсайта си.

Не поставяйте този фрагмент повече от веднъж! Това е кодът, който позволява на всички вграждания да се зареждат на страницата.

5) Превъртете нагоре, след това копирайте и поставете кода от „Вмъкване на връзката“.

Това е кодът за конкретната платка, която искате да вградите.

6) Повторете стъпка 5 за всяка дъска, която искате да вградите. Не повтаряйте стъпка 4.

7) Центрирайте вградената платка, като добавите и около целия фрагмент на HTML.

Ето как трябва да изглежда последната връзка от стъпка 5:

Следвай Pinterest Пин домашни любимци на Pinterest

9) И това е!

Ето как ще изглежда крайният код на една вградена платка на страница:

(функция (d) {var f = d.getElementsByTagName ('SCRIPT') [0], p = d.createElement ('SCRIPT'); p.type = 'text / javascript'; p.async = true; p. src = '//assets.pinterest.com/js/pinit.js'; f.parentNode.insertBefore (p, f);} (документ));

1) Ето нашия първи пример за борд!

Следвай Pinterest Пин домашни любимци на Pinterest

Ето как ще изглежда крайният код на няколко вградени дъски на страница:

(функция (d) {var f = d.getElementsByTagName ('SCRIPT') [0], p = d.createElement ('SCRIPT'); p.type = 'text / javascript'; p.async = true; p. src = '//assets.pinterest.com/js/pinit.js'; f.parentNode.insertBefore (p, f);} (документ));

1) Ето нашия първи пример за борд!

Следвай Pinterest Пин домашни любимци на Pinterest

2) Ето нашия втори пример на борд!

Следвай Pinterest Пин домашни любимци 2 на Pinterest

Ето какво изглежда вградената платка на уебсайта или блога ви:

Много лесно, нали? Как ще използвате вградени Pinterest дъски във вашия маркетинг?

Кредит за изображения: Снимки от обществено достояние

Предишна Статия «
Следваща Статия