Содержание
php — Собственные лайки на странице
Делаю я значит на сайте раздел статей, которые имеют заголовок, текст, изображения и комментарии пользователей. Хотелось бы добавить еще ко всему вышеперечисленному лайки статей, чтобы пользователи могли без комментариев просто лайкать статьи. Подсчет идет лайков от уникальных пользователей. Как это можно сделать? Натолкните на мысль… Есть картинка наверное в виде сердца и счетчик рядом с ней. По нажатию на картинку должен срабатывать код, который берет ip-адрес пользователя и плюсовать к счетчику значение одно. Записывает лайк в базу данных и сменяет картинку лайка на нажатый. Так мыслю? Как на практике такое реализовать?
9
создайте таблицу где id article_id ip и при при лайке проверяйте если данный ip есть в базе с этой статьей то не добавляется лайк или выводиться значек сразу что вы уже лайкнули. Количество лайков считается по количеству записей для данной статьи. Можно привязывать вместо ip хеш IP+браузер или через куку… дело техники.. но однозначно AJAX… И еще не используйте таблицу для лафков типа InnoDB так как она блокируеться при записи и если чисто теоретически кто то счелкнит на разных компах в один и тот же момент то засчитывается только один.. как то так..во общем..
4
Сам уже как то реализовывал такой принцип: При лайке ты записываешь в базу ник или id зарегистрированного пользователя. То есть в одном месте привязанном к конкретной статье ты сохраняешь ники через разделитель (например #). Ты знаешь кто конкретно лайкал и сколько их. Естественно перед сохранением нужно проверить на наличие. Даже можно уже на странице иметь готовый масив ников.
А про ajax+jQuery: разобраться 15 минутное дело! Возмись и через 15мин (максимум 30мин) ты будешь все знать! Сейчас без этого трудно, шагните из прошлого века.
4
Зарегистрируйтесь или войдите
Регистрация через Google
Регистрация через Facebook
Регистрация через почту
Отправить без регистрации
Почта
Необходима, но никому не показывается
Отправить без регистрации
Почта
Необходима, но никому не показывается
Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки
Кнопка «Мне нравится» — рейтинг для сайта
Основное
Тема
Произвольная тема
Размер кнопки
Размер шрифта
Размер иконки
Иконка «Нравится»
hrt1hrt10hrt11hrt12hrt13hrt2hrt3hrt4hrt5hrt6hrt6-ohrt7hrt7-ohrt8hrt9thmb3-uthmb3-dthmb4-uthmb4-dthmb5-uthmb5-dthmb7-uthmb7-dthmb8-uthmb8-dthmb9-vthmb9-uthmb2-uthmb2-dthmb1thmb6alrt1alrt2arr1-darr1-uarr10-darr10-uarr11-darr11-larr11-rarr11-uarr12-darr12-uarr13-darr13-uarr14-darr14-uarr15-darr15-uarr16-darr16-uarr17-darr17-uarr18-darr18-uarr19-darr19-uarr2-darr2-uarr3-darr3-uarr4-darr4-uarr5-darr5-uarr6-darr6-uarr7-darr7-uarr8-darr8-uarr9-darr9-ublb1blb2bllbll-obsktdmndflg1flg2flg2-fflg2-olck1-clck1-olck2-clck2-orndrnd-0sgn1-ssgn1-tsgn10-csgn10-tsgn11-isgn11-qsgn12-msgn12-psgn2-msgn2-psgn3-csgn3-msgn3-psgn3-tsgn4-csgn4-tsgn5-tsgn6-msgn6-psgn7-csgn7-msgn7-psgn7-tsgn8-csgn8-msgn8-psgn8-tsgn9-fsky-snsky-mnsml1sml2sml3-hsml3-nsml3-ustckstr1str1-ostr2str2-otrshusr1usr1-ousr2-cusr2-pvlm1-dvlm1-uzapzm-inzm-out
Иконка «Не нравится»
hrt1hrt10hrt11hrt12hrt13hrt2hrt3hrt4hrt5hrt6hrt6-ohrt7hrt7-ohrt8hrt9thmb3-uthmb3-dthmb4-uthmb4-dthmb5-uthmb5-dthmb7-uthmb7-dthmb8-uthmb8-dthmb9-vthmb9-uthmb2-uthmb2-dthmb1thmb6alrt1alrt2arr1-darr1-uarr10-darr10-uarr11-darr11-larr11-rarr11-uarr12-darr12-uarr13-darr13-uarr14-darr14-uarr15-darr15-uarr16-darr16-uarr17-darr17-uarr18-darr18-uarr19-darr19-uarr2-darr2-uarr3-darr3-uarr4-darr4-uarr5-darr5-uarr6-darr6-uarr7-darr7-uarr8-darr8-uarr9-darr9-ublb1blb2bllbll-obsktdmndflg1flg2flg2-fflg2-olck1-clck1-olck2-clck2-orndrnd-0sgn1-ssgn1-tsgn10-csgn10-tsgn11-isgn11-qsgn12-msgn12-psgn2-msgn2-psgn3-csgn3-msgn3-psgn3-tsgn4-csgn4-tsgn5-tsgn6-msgn6-psgn7-csgn7-msgn7-psgn7-tsgn8-csgn8-msgn8-psgn8-tsgn9-fsky-snsky-mnsml1sml2sml3-hsml3-nsml3-ustckstr1str1-ostr2str2-otrshusr1usr1-ousr2-cusr2-pvlm1-dvlm1-uzapzm-inzm-out
Цвет иконки «Нравится»
Цвет после голосования
Цвет иконки «Не нравится»
Цвет после голосования
Цвет надписи
Цвет после голосования
Цвет счётчика лайков
Цвет счётчика дислайков
Цвет фона
Фон после голосования
Цвет границы
Шрифт
ArialArial BlackArial NarrowBrush Script MTComic Sans MSCopperplateCourier NewGeorgiaImpactLucida ConsoleLucida GrandeLucida Sans UnicodePalatinoPapyrusTahomaTimes New RomanTrebuchet MSVerdana
Стиль шрифта надписи
ОбычныйОбычный наклонныйЖирныйЖирный наклонный
Стиль шрифта счётчика
ОбычныйОбычный наклонныйЖирныйЖирный наклонный
Язык
Отправить перевод
English [en]Russian [ru] – РусскийAfrikaans [af] – AfrikaansArabic [ar] – العربيةArmenian [hy] – ՀայերենBelarusian [be] – БеларускаяBengali [bn] – বাংলাBulgarian [bg] – Български езикBosnian [bs] – bosanski jezikCatalan [ca] – CatalàChinese [zh_CN] – 简体中文Chinese (Hong Kong) [zh_HK] – 简体中文Czech [cs] – ČeštinaPersian (Farsi) [fa] – فارسیFinnish [fi] – SuomiFrench [fr] – FrançaisDanish [da] – DanskDutch [nl] – NederlandsGerman [de] – DeutschGreek [el] – ΕλληνικάHebrew [he] – עבריתHungarian [hu] – MagyarIndonesian [id] – Bahasa IndonesiaItalian [it] – ItalianoJapanese [ja] – 日本語Kazakh [kk] – Қазақ тіліKorean [ko] – 한국어Latvian [lv] – Latviešu valodaLithuanian [lt] – Lietuvių kalbaNepali [ne] – नेपालीNorwegian (Bokmal) [no] – Norsk bokmålPolish [pl] – PolskiPortuguese [pt] – PortuguêsPortuguese (Brazil) [pt_BR] – Português do BrasilRomanian [ro] – RomânăSerbian [sr] – Српски језикSlovak [sk] – SlovenčinaSlovenian [sl] – SlovenščinaSpanish [es] – EspañolSwedish [sv] – SvenskaThai [th] – ไทยTurkish [tr] – TürkçeUkrainian [uk] – Українська моваVietnamese [vi] – Tiếng Việt
Текст кнопки «Нравится»
Анимация при голосовании
pushgrowbuzzwobblebounceshakeheartbeat
Убрать копирайт
VIP ULTRA
Да
Нет
Google Rich Snippets
Да
Нет
Укажите информацию об элементе, иначе Google не проиндексирует структурированные данные на вашем сайте.
Имя кнопки
Использовать адрес страницы в качестве имени кнопки
Произвольное имя
Имя кнопки используется для анализа статистики. Оно должно быть уникальным для каждой кнопки, в противном случае будет отражаться один и тот же результат голосования для всех кнопок с одинаковым именем.
Элементы кнопки
Вертикальное расположение
Да
Нет
Выводить надпись «Нравится»
Да
Нет
Выводить надпись «Не нравится»
Да
Нет
Выводить кнопку «Нравится»
Да
Нет
Выводить кнопку «Не нравится»
Да
Нет
Показывать иконку «Нравится»
Да
Нет
Показывать иконку «Не нравится»
Да
Нет
Голосование
Голосование разрешено
Да
Нет
Разрешена отмена голоса
Да
Нет
Разрешено одновременно лайкать и дислайкать
Да
Нет
Как часто посетитель может голосовать (сек)
Как часто посетитель может голосовать, используя данную кнопку. Число в секундах, минимум 1 секунда. Убедитесь в том, что установленное значение меньше, чем «интервал приёма голосов с IP-адреса» для вашего сайта. Посетитель может голосовать повторно только после перезагрузки страницы.
Имя группы кнопок
Счётчик
Показывать счётчик голосов
Да
Нет
Тип счётчика
ЧислоПроцентВычитать дислайкиЧисло снаружи
Счётчик голосов кликабельный
Да
Нет
Формат счётчика
Без разделителя тысяч (3700)Пробел как разделитель тысяч (3 700)Запятая как разделитель тысяч (3,700)Точка как разделитель тысяч (3.700)Апостроф как разделитель тысяч (3’700)K для тысяч (3.7K), M для миллионов (15.2M)
Маска счётчика
Начальное случайное количество лайков
ULTRA
Вы можете устанавливать начальное количество лайков для кнопок на странице Сайты.
Показывать нулевое значение в счётчике
Да
Нет
Анимировать счётчик голосов
Да
Нет
Всплывающее окно
Поделиться
Показывать кнопки «поделиться» во всплывающем окне
PLUS PRO VIP ULTRA
Да
Нет
Размер кнопок «Поделиться»
Коды сервисов AddThis PRO VIP ULTRA
100zakladok2tag2linkmea97abiaddressbaradftyadifniadvqramazonwishlistamenmeaimaolmailapsenseartoazadegibaangbaiduballtribebeat100biggerpocketsbitlybizsugarblandblinklistbloggerbloggyblogkeenblogmarksblurpaliciousbobrdobrbonzoboxsocialbookmarkingnetbookmarkyczbookmerkendeboxbrainifybryderibuddymarksbufferbuzzzycamyoocare2foodlvechiqciripciteulikeclassicalplacecleanprintcleansavecndigcoliviatechnerdcosmiqcssbasedcurateusdeliciousdigaculturanetdiggdiggitadigodiigodomelhordotnetshoutoutdoubandraugiemdropjackdududzoneefactorekudoselefantaplemailmailtoembarkonsevernoteextraplayezyspotstylishhomefabulously40facebookfacebook_likefoursquareinformazionethefancyfarkfarkindafashiolistafavablefavesfavlogdefavoritendefavoritesfavoritusfinancialjuiceflakerflipboardfolkdformspringthefreedictionaryfresquifriendfeedfunpfwispgamekickergggifterygigbasketgivealinkgmailgovngoodnoowsgooglegoogleplusgoogletranslategoogle_plusonegoogle_plusone_sharegreaterdebaterhackernewshatenagluvsnaphedgehogshistorioushootsuitehotklixhotmailw3validatoridenticaihavegotindexorinstapaperiorbixirepeaterisocietyiwiwjamespotjappyjollyjumptagskaboodlekaevurkaixinketnooikindleitkledykommentinglatafaneracatlibreriolidarlinkedinlinksgutterlinkshareslinkujlivejournallockerbloggerlogger24mymailrumargarinmarkmemashantmashbordme2daymeinvzmekusharimmemonicmemorimendeleymeneamelivemisterwongmisterwong_demiximoemestomoikrugmrcnetworkitmyspacemyvidstern4gnaszaklasanetlognetvibesnetvouznewsmebacknewstrustnewsvinenujijodnoklassniki_ruoknotizieopenthedooroyylapackgpafnetdepdfonlinepdfmyurlphonefavspinterestpinterest_shareplanypusplaxoplurkpocketposteezyprintprintfriendlypushaqrfinqrsrcquantcastqzoneredditrediffredkumresearchgatesafelinkingscoopatscoopitsekomanselect2gethershavehshetoldmesinaweiboskyrocksmirusodaheadsonicospinsnapyiidspringpadstartaidstartlapstoryfollowerstudivzstuffpitstumbleuponstumpediasuliasunlizesupbrosurfingbirdsvejosymbalootaazatagzatapituretaringatextmethewebblendthinkfinitythisnextthrillonthrowpiletolytopsitelernettransferrtuentitulinqtumblrtvinxtwittertwitthistypepadupnewsurlaubswerkdeviadeovirbvisitezmonsitevkvkrugudruzeivoxopolisvybralismewanelointernetarchivesharerwebnewswebsharewerkenntwenwhatsappdomaintoolswhoiswindowswirefanwishmindrwordpresswowboredraiseyourvoicewykopxangaxingyahoobkmyahoomailyammeryardbarkeryiggyookosyoolinkyorumcuyumyoumobyuubyzakladoknetziczaczingmemorecompactpreferred_1preferred_2preferred_3preferred_4preferred_5preferred_6preferred_7preferred_8
Описание элемента
Информация об элементе, которая используется при репостинге в социальных сетях и для отображения описания и рейтинга в Google Rich Snippets.
URL элемента
Заголовок элемента
Описание элемента
(Необязательное)
Картинка элемента
Дата элемента
(Используется только в Google Rich Snippets. Дата и время публикации элемента в формате ISO 8601: 2022-12-12T08:00:00+08:00)
Загрузка
Ленивая загрузка
Да
Нет
Показывать лоадер во время загрузки кнопки
Да
Нет
URL картинки лоадера
Всплывающие подсказки
Показывать всплывающие подсказки
Да
Нет
Всегда показывать всплывающую подсказку кнопки «Мне нравится»
Да
Нет
Всегда показывать всплывающую подсказку кнопки «Не нравится»
Да
Нет
ID сайта
ID сайта
Укажите ID сайта в следующих случаях:
- У вашего сайта несколько доменов (псевдонимов).
- Ваш сайт – локальный (находится на локальном сервере и доступен только из вашей локальной сети и НЕ доступен из Интернета).
- Ваш сайт – сайт-подкаталог (является одним из сайтов, расположенных в разных подкаталогах на одном домене, и вы хотите иметь статистику отдельную от других сайтов на этом домене).
Вы можете найти ID сайта на вашей странице Сайты.
События
JavaScript-функция обратного вызова
Указанная функция получает объект события как единственный аргумент. Объект события имеет следующие атрибуты:
type
– указывает, какое событие произошло:
- «likebtn.loaded»
- «likebtn.like»
- «likebtn.unlike»
- «likebtn.dislike»
- «likebtn.undislike»
settings
– настройки кнопки wrapper
– DOM-элемент кнопки
Тексты
Направление слева направо (RTL)
Да
Нет
Текст кнопки «Не нравится»
Текст кнопки «Нравится» после нажатия
Текст кнопки «Не нравится» после нажатия
Всплывающая подсказка кнопки «Нравится»
Всплывающая подсказка кнопки «Не нравится»
Всплывающая подсказка кнопки «Нравится» после нажатия
Всплывающая подсказка кнопки «Не нравится» после нажатия
Текст перед кнопками «Поделиться»
Текст кнопки «Закрыть» во всплывающем окне
Текст во всплывающем окне при отключённой функции «Поделиться»
Текст перед кнопками «Отблагодарить рублём»
Кнопка «Нравится» — Социальные плагины — Документация
Когда человек, посещающий вашу веб-страницу, нажимает кнопку «Нравится», инициируется событие приложения, чтобы зарегистрировать лайк на Facebook.
Изменения в социальных плагинах в Европейском регионе
Вы можете начать замечать некоторое влияние на социальные плагины из-за обновленного запроса согласия на использование файлов cookie, которое будет отображаться для людей, использующих продукты Facebook в Европейском регионе.
Мы больше не будем поддерживать социальные плагины «Мне нравится» и «Комментарий» для пользователей Европейского региона, если они оба 1) не вошли в свою учетную запись Facebook и 2) не дали согласие на управление «файлами cookie приложений и веб-сайтов». Если оба эти требования соблюдены, пользователь сможет видеть и взаимодействовать с плагинами, такими как кнопка «Нравится» или «Комментарий». Если какое-либо из вышеперечисленных требований не будет выполнено, пользователь не сможет увидеть плагины.
Европейский регион представляет собой определенный список стран, включающий:
-
Европейский союз (ЕС): Австрия, Бельгия, Болгария, Хорватия, Республика Кипр, Чехия, Дания, Эстония, Финляндия, Франция, Германия , Греция, Венгрия, Ирландия, Италия, Латвия, Литва, Люксембург, Мальта, Нидерланды, Польша, Португалия, Румыния, Словакия, Словения, Испания, Швеция
-
Страны, не входящие в ЕС, но находящиеся только в ЕЭЗ/ЕАСТ или Таможенном союзе: [Только ЕЭЗ/ЕАСТ] Исландия, Лихтенштейн и Норвегия; Швейцария: [Таможенный союз ЕС] все Нормандские острова, остров Мэн, Монако; суверенные базы Великобритании на Кипре; [Европейский таможенный союз] Андорра, Сан-Марино, Ватикан.
- Не входящие в ЕС, но входящие в состав европейских отдаленных регионов (OMR): Мартиника, Майотта, Гваделупа, Французская Гвиана, Реюньон, Сен-Мартен, Мадейра, Азорские острова, Канарские острова.
- Соединенное Королевство (все Британские острова)
Получите персонализированную кнопку «Мне нравится»
Используйте конфигуратор кнопки «Нравится», чтобы получить код кнопки «Мне нравится» для вставки на вашу веб-страницу.
- Установите URL-адрес вашей веб-страницы, на которой вы размещаете кнопку «Мне нравится»
- Настройте кнопку «Нравится»
- Предварительный просмотр кнопки
- Нажмите Получить код , скопируйте и вставьте код на свою веб-страницу
Нравится кнопку конфигуратор
URL до
Mayout
Стандарт
Тип действия
Размер кнопки
Включите кнопку «Поделиться»
Get Code
Примечание, если вы уже выходите из приложений, удалите Autogalpaper.
=1 9Оператор 0067 из кода кнопки для предотвращения дублирования регистрации.
Используйте метатеги Open graph для редактирования предварительного просмотра ссылки. Тег og:url
и атрибут data-ref
должны быть одним и тем же URL-адресом.
Полный пример кода
Отформатирован для удобства чтения.
<голова>Название вашего веб-сайта <тело> <дел> <скрипт асинхронной отсрочки crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1 &версия={график-api-версия} &appId={ваш-facebook-приложение-идентификатор} &autoLogAppEvents=1" nonce="FOKrbAYI"> <дел data-href="https://www.ваш-домен.com/ваша-страница.html" ширина данных = "" макет данных = "стандартный" данные-действие = "нравится" размер данных = "маленький" обмен данными = "истина">