Даданне кнопкі шчабятаць на вэб - сайт даволі лёгка, у апошнім пасце мы абмяркоўвалі даданне Facebook кнопкі на сайт як . Тут мы збіраемся ўбачыць , як дадаць кнопку шчабятаць уручную ў свой блог / сайт. Мы таксама ўбачым, як рэалізаваць твітэр карты і якія выгады ад гэтага. Я аддаю перавагу дадаваць кнопкі сацыяльных медыя ўручную на маім блогу, як у гэтым выпадку я магу змясціць яго туды, куды я хачу, і гэта дае мне свабоду, каб падправіць код, як мне трэба.
Для таго , каб адлюстраваць кнопку твітэр на вэб - сайце, вам неабходна дадаць два элементы: Twitter кнопкі кода і Java - скрыптоў. Twitter код кнопкі павінен быць скапіяваны ў тым месцы, дзе вы хочаце, каб кнопка будзе адлюстроўвацца (як правіла, у файле шаблону, такія як single.php, так што вам не трэба, каб дадаць яго ў іншым месцы). JavaScript можа быць дададзены ў любым месцы паміж адкрыццём і закрыццём тэгаў цела (<body> .... </ Body>).
кнопка
<a href="https://twitter.com/share" class="twitter-share-button"> Tweet </a>
Гэты код будзе паказваць кнопку твіт са лічыльнікам, як паказана ніжэй -
Калі вы хочаце яшчэ больш наладзіць гэтую кнопку або хочуць рэалізаваць кнопку Твітэру , то вы можаце звярнуцца старонкай рэсурсу твітэра .
JavaScript
Перад размяшчэннем коды Батана ў шаблон або на вэб-старонку, скапіруйце ніжэй JavaScript, без гэтага кнопка не будзе працаваць. Ёсць два тыпу сцэнарыяў, даступныя для кнопкі каб зрабіць, вам трэба выбраць толькі адзін з іх. Мы рэкамендуем выкарыстоўваць асінхронны скрыпт, як гэта робіць ваш груз сайт хутчэй.
Сінхронны сцэнар - Менш рэкамендуецца - Робіць вэб - старонку загрузкі запавольвацца
<Тып скрыпту = "тэкст / JavaScript"> // <! [CDATA [ ! Функцыя (дз, з, ID) {вар JS, FJS = d.getElementsByTagName (ы) [0]; калі {JS = d.createElement (s) (d.getElementById (ідэнтыфікатар)!); js.id = ідэнтыфікатар; js.src = "// platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore (JS, FJS); }} (Дакумент, "сцэнарый", "Twitter-WJS"); //]]> </ скрыпт>
Асінхронны сцэнар - Добра для сайтаў - Не ўплывае на час загрузкі вэб - сайта.
<Тып скрыпту = "тэкст / JavaScript"> // <! [CDATA [ ! Функцыя (дз, з, ID) {вар JS, FJS = d.getElementsByTagName (ы) [0]; калі {JS = d.createElement (s) (d.getElementById (ідэнтыфікатар)!); js.id = ідэнтыфікатар; js.async = TRUE; js.src = "// platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore (JS, FJS); }} (Дакумент, "сцэнарый", "Twitter-WJS"); //]]> </ скрыпт>
Давайце казаць пра шчэбет карт
Да тут, мы даведаліся, як рэалізаваць кнопку твіт на свой вэб-сайт, але вы не хочаце, каб вашы твіты выглядаць прывабна, так што ён атрымлівае больш увагі? Я аддаю перавагу рабіць. Гэта магчыма з дапамогай шчабятання карт. Перш чым я растлумачу, што такое твітэр карты, паглядзіце на карціну цвіркалі.
У прынцыпе, твіт не можа мець больш за 140 знакаў. Тым не менш, вы можаце ўбачыць, што вышэй цвіркалі мае вачэй кідкі загаловак, малюнак і добрае апісанне. Гэта стала магчымым з дапамогай шчабятання карт.
Што такое твітэр карты?
Google выкарыстоўвае мета - дадзеныя і Facebook выкарыстоўвае адкрыты-граф , аналагічна шчэбет выкарыстоўвае шчэбет карты . Гэта, у асноўным некалькі радкоў коды, які кажа твітэр аб апісанні ўтрымання, назве, малюнках канкрэтнай вэб-старонцы.
Вось як яны выглядаюць:
<META NAME = "твітэр: сайт" змест = "Лёгкія крокі 2 Складанне Сайт"> <META NAME = "твітэр: стваральнік" змест = "@ Steps2BuildSite"> <META NAME = "твітэр: URL" змест = "/2013/09/add-twitter-button-website/"> <META NAME = "твітэр: назву" змест = "Як дадаць кнопкі Twitter на сайт"> <META NAME = "твітэр: апісанне» змест = "Поўнае кіраўніцтва аб тым, як дадаць твітэр Tweet Button і шчэбет карты на сайт ...»>
Акрамя вышэй мета-тэгаў, ёсць і іншыя карты шчабятання існуе, што робіць яго больш лёгкім для шчабятання, каб зразумець ваша ўтрыманне і адлюстроўваць яго ў ідэальным спосабе, які вы заўсёды хацелі.
Як дадаць іх у свой вэб - сайт?
Кіраўніцтва спосабы дадання такога роду цэтлікі заўсёды цяжка і цяжка. У мяне ёсць ідэальнае рашэнне для WordPress блогаў. Калі вы выкарыстоўваеце вэб-сайт на платформе WordPress, то вы можаце паспрабаваць некалькі ўбудоў, якія робіць гэтую задачу аўтаматычна.
Yoast WordPress SEO убудова (бясплатна) і SEOPressor v5 (прэміум) з'яўляюцца убудовы , якія падтрымлівае гэтую функцыю.
. Гэта ўсё , што зараз, дайце мне ведаць , калі вам патрэбна дапамога пры даданні кнопкі шчабятання на ваш сайт.
Пакінуць каментар