شاید امروزه هیچ کس شک نداشته باشد که نصب دکمه های شبکه های اجتماعی در سایت شما نه تنها مفید، بلکه ضروری است. افراد بیشتر و بیشتری در حال تبدیل شدن به افراد عادی آنها هستند و از دست دادن فرصت برای تبلیغ مقالات سایت خود با استفاده از VKontakte غیر قابل قبول است.
چگونه ارسال مجدد VKontakte را راحت کنیم
دکمه استاندارد VKontakte برای موتور بلاگر به گونه ای قرار دارد که ممکن است مورد توجه قرار نگیرد. با استفاده از لینک زیر می توانید دکمه ای برای ارسال مجدد VKontakte در وب سایت خود قرار دهید:
راه دیگری برای ارسال مجدد VKontakte
افزودن به بخش
خطدر جای مناسب در صفحه، کد ویجت را مستقیماً اضافه کنید:
document.write (VK.Share.button ({
url: "http://example.com/page/123",
title: "Заголовок",
description: "Описание",
image: "http://example.com/картинка_к_посту.jpg",
Есть и другие варианты документации. Чтобы загрузка не тормозилась, можно поставить вызов скрипта с сервера в самом низу страницы (перед закрытием
). И там сформировать виждет, а потом поставить на странице в нужное место.Для автомобильных сайтов. В среднем 3000 руб с продажи!
Дорогие друзья, сегодня я расскажу о том, как добавить кнопку «Мне нравится» и виджет друзей от популярной социальной сети Вконтакте на свой сайт. Вы также можете почитать мои статьи , и .
Сегодня основатель Вконтакте Павел Дуров опубликовал новость о нововведениях в этой социальной сети, среди которых - кнопка «Мне нравится» и виджет друзей.
Для настройки и получения кода кнопки переходим по этой ссылке . Заполняем название сайта, адрес сайта и основной домен:
Ширину я оставил по умолчанию - 496 пикселей. Можете изменить ее при необходимости:
Для этого открываем файл header.php в папке с вашей темой (если у вас блог на WordPress) и помещаем выделенный участок кода в пределах тега . Для новичков поясню - найдите закрывающий тег и поместите этот код сразу перед ним, чтобы получилось вот так:
🔥 Кстати! Я планирую выпустить платный курс по продвижению англоязычных сайтов. Если интересует, можете подать заявку в ранний список через эту форму , чтобы первыми узнать о выходе курса и получить специальную скидку.Виджет друзей Вконтакте (виджет сообществ)
Виджет сообществ Вконтакте - это, по сути, блок друзей. Посетители вашего сайта смогут присоединиться к вашей группе Вконтакте с помощью виджета сообществ одним кликом.
Предварительно нужно создать группу своего сайта на сервисе Вконтакте. На этом я подробно останавливаться не буду, можете почитать цикл статей Максима Шпона Большой FAQ по оформлению и раскрутке группы Вконтакте .
После создания группы для настройки и получения кода виджета сообществ Вконтакте переходим по этой ссылке .
Для блога сайт я создал группу Вконтакте Продвижение и развитие сайтов , кстати, можете к ней присоединиться.
На странице получения кода для виджета Вконтакте в первом поле «Группа» с помощью выпадающего меню выбираем свою группу:
Отмечаем галочку «Показывать участников», с ними виджет смотрится намного интереснее:
По ширине - как я понял, задать ширину виджета менее 200 пикселей на данный момент нельзя. Я хотел вывести виджет сообществ Вконтакте в боковой колонке блога, но для этого нужна ширина в 180 пикселей.
Так как при размещении кнопки «Мне нравится» мы уже поместили необходимый код в пределах тега , то сейчас повторно этого делать не нужно.
Если вы хотите поместить виджет сообжеств Вконтакте в боковой колонке вашего блога и ширина в 200 пикселей вам подходит, то помещаем выделенный далее на скриншоте код в нужном месте файла sidebar.php . Если вам нужно разместить виджет Vkontakte после статей, то помещаете выделенный код в файле single.php (в ряде тем это index.php ) после кода :
В итоге получим примерно такой блок друзей Вконтакте:
Полную информацию по виджету для групп Вконтакте вы можете прочитать .
Кроме кнопки «Мне нравится» и виджета для групп Вконтакте вы можете поставить виджет для комментариев Вконтакте . После этого все залогиненные Вконтакте пользователи смогут оставлять комментарии на вашем сайте, причем они будут автоматически транслироваться на страницу пользователя Вконтакте со ссылкой на статью вашего сайта. Настройки там очень простые, думаю, вы без проблем разберетесь.
Хотя, конечно, если у вас на сайте есть своя система комментариев, то особой необходимости заменять ее нет. Но на определенных проектах комментарии от Вконтакте можно использовать.
Сегодня превосходный день, сегодня мы узнаем Как добавить Вконтакте на свой сайт. Мы узнаем 2 вещи, Первое: как добавить кнопку вконтакте на сайт и второе: Как добавить группу вконтакте на сайт.
Потенциал Вконтакте Огромен, если вы научитесь правильно взаимодействовать с этим ресурсом, то через него вы получите еще большие новых людей на ваш сайт.
Эта статья детально расскажет Как добавить Вконтакте на свой сайт и таким образом более качественно использовать возможности этой невероятно популярной социальной сети.
Для начала добавим кнопку Вконтакте: «Мне нравиться». Это очень полезная кнопка – она показывает сколько лайков ставят те или иные люди. Это указывает насколько ваш контент нравиться людям. Вторая ценность кнопки, это то что благодаря этой кнопке вы можете делиться ссылками Вконтакте и таким образом создавать болеешь внимания для сайта со стороны социальной сети.
Настало время Добавления социальной кнопки Вконтакте!
Чтобы получить код и настроить кнопку заходим на эту ссылку . Там заполняем: «Название сайта», Адрес сайта и домен сайта.
Для начала выделяем часть этого кода, как показано на рисунке и вставляем его в пределах тега
Как это делается? Если вы работаете в wordpress, тогда заходите в «Редактор темы», там выбираете файл header.php (Заголовок) и помещаем наш код перед тегом . Вот так:
Отлично, теперь осталось вставить кнопку «Мне нравится». Для этого выделяем другую часть кода, как показано на рисунке:
И вставляем код в файл single.php (Одна запись) перед любым тегом. Там уже придется регулировать куда вставить кнопку, либо вверху, либо внизу. Вставляете тег и смотрите после обновления куда встроилась кнопка, если смотрится отлично – оставляем ее и радуемся результату.
Я установил свою кнопку вверху страницы перед тегом
Ого, кнопка смотрится вполне неплохо и теперь с помощью этой волшебной кнопки можно ставить «Мне нравиться» и кроме того делиться ссылкой понравившейся статьи на своей странице.
2. Как добавить группу вконтакте на сайт
Теперь настал момент истины и мы готовы добавить группу вконтакте на сайт. Если у вас есть личная группа вконтакте от вашего сайта, то можно разместить ее прямо на сайте и любой желающий из вашего сайта перейдет в вашу группу Вконтакте, чтобы посмотреть что у вас там интересного. Если у вас нет группы в контакте – создаете ее. Это совсем не сложно.
После создания группы нам нужно получить код для установки и настройки виджета на сайт. Для этого переходим по
Привет! Сегодня я расскажу Вам, как быстро создать приложение и вставить кнопку "Мне нравится " от социальной сети без лишних плагинов.
Может Вы заметили, я на днях, наконец-то, прикрутил данную кнопочку у себя после постов. "Наконец-то" я написал не даром, так как были проблемы с подключением данной кнопки к API ВКонтакте, в результате чего я получал надпись "Open API security breach " и бесконечно бегающий прогресс-бар. Как оказалось, все дело было в банальном написании адреса сайта в настройках "Open API " в самом ВКонтакте (об этом я напишу чуть ниже).
Итак, давайте прикрутим кнопку "Мне нравится ".
Для начала зайдем через свой профиль в ВК (обязательно через свой, так как нам нужно будет создавать приложение). Далее переходим на страничку создания виджета и видим подобную форму:
Первое поле "Сайт/приложение " - здесь мы сразу же сможем создать приложение без лишних телодвижений, но Вы знаете, я так поклацал и оно создается как-то через *опу криво.
Создание и настройка приложения
Так что лучше сделаем лишние телодвижения и идем на страницу создания приложения , вписываем любое название в соответствующее поле, далее выбираем тип: "Веб-сайт ", и заполняем поле с описанием, но это не обязательно. Далее жмем "Перейти к загрузке приложения " и вводим каптчу.
Все! Приложение создано и перед нами форма с его настройкой:
Первая вкладка "Информация ", она у Вас сейчас активна, можете загрузить иконку для приложения, вписать данные, выбрать группу.
Следующая вкладка "Настройки ", она самая важная ! Обратите внимание, в самом верху жирным выделен ID номер Вашего приложения (он и будет коннектить Вашу кнопку), далее идет "Защищенный ключ ", его не трогайте.
Адрес сайта: http://yoursite.com/ (адрес к которому Вы подключаете Open API. Если использовать это приложение на другом сайте или на локалхосте, работать не будет. Приложение полностью привязывается к адресу сайта, который тут указан.)
Лишний слэш в настройках адресов и Ваша кнопка не законнектится, будет выводить ошибку "Open API security breach ".
Все, сохраняете изменения, остальные вкладки можете не настраивать.
Настройка и вставка кнопки
Возвращаемся к форме создания кнопки и вот тут уже в поле "Сайт/приложение " в выпадающем списке должно появится Ваше приложение, выбираем его.
Следующий пункт "Варианты кнопки " - выбираем, какая Вам больше подходит под дизайн, внизу под формой сразу приводится наглядный пример кнопки. На данный момент существует 4 вида кнопки:
- Кнопка с текстовым счётчиком
- Кнопка с миниатюрным счётчиком
- Миниатюрная кнопка
- Миниатюрная кнопка, счётчик сверху
Тип кнопки выбрали, теперь пункт "Название кнопки ", пока что есть 2 варианта (выбирайте любой понравившийся):
- Мне нравится
- Это интересно
Ну и, наконец-то, мы пришли к полю "Код для вставки ". Когда Вы выбрали в первом поле свое приложение, его ID автоматически вставляется в код. Этот код нужно вставить в двух местах Вашего сайта, разработчики специально его прокомментировали, но я на всякий случай также объясню.
Первый кусок кода:
باید در داخل تگ درج شود:
و قطعه دوم:
باید در محل سایتی که دکمه باید نمایش داده شود درج شود.
کد منو پیست نکن مثال زدم مخصوصا اینکه تنظیمات دکمه رو اشتباه دارم و آی دی مشخص نیست.
و تمام، دکمه شما آماده است!
بسته بندی دکمه
همانطور که می بینید، دکمه در داخل قرار می گیرد بخشبا شناسنامه" vk_like"، جایی که سبک نمایش آن ثبت شده است. و در این سبک، توسعه دهندگان این قانون را درج کردند:
روشن: هر دو
همانطور که می دانیم، این قانون جریان اطراف عنصر را از لبه های راست و چپ لغو می کند، یعنی اگر می خواهید دکمه شما مطابق با بقیه دکمه های اجتماعی باشد. شبکه ها، شما نمی توانید رویا کنید، آن را با افتخار در یک خط جدید ایستاده است. برای جلوگیری از این امر و بازگرداندن دکمه به ردیف، جایگزین:
به این صورت است که ما لغو کردن (:-D) در اطراف عنصر را لغو می کنیم و " !مهم" اولویت سبک شما را افزایش می دهد، یعنی قانون شما در چشم مرورگر اصلی ترین خواهد بود.
خوب به نظر می رسد که هرکس خواسته خود را گفته است)))) امیدوارم همه چیز را فهمیده باشید و موفق شده باشید یک دکمه را وارد کنید!
و اگر هنوز زمان زیادی برای قرار دادن دکمه دارید، زیرا هنوز سایت خود را ندارید، شاید ایجاد سایت های Cheboksary در این امر به شما کمک کند.
هر چه شما بگویید، اما اخیراً فعالیت استفاده از دکمه های مختلف برای افزودن پست های وبلاگ به شبکه های اجتماعی افزایش یافته است. ایده و در دسترس بودن این روش، به نظر من، بسیار بهتر از خدمات مختلف نشانه گذاری اجتماعی است، که اکثر آنها به سادگی در Runet "بی جان" بودند. چند شبکه اجتماعی برجسته هنوز هم میتوانستند وجود داشته باشند و در صفحات وبلاگ پست شوند، اما دکمهها و گزینههای زیادی که خدمات مختلف را ارائه میکردند بیفایده بودند. اکنون شاید بتوان این را با Google Buzz مقایسه کرد - بسیاری از افراد شروع به استفاده از سرویس جدید کرده اند، در حال حاضر به نظر می رسد کار نمی کند (و آیا کار می کند؟)، اما نماد مربوطه هنوز در بسیاری از پروژه ها قرار دارد. اما اگر در مورد توییتر، فیس بوک و VKontakte صحبت کنیم، داستان کاملاً متفاوت است.
به طور کلی، چندین راه حل برای ایجاد یک دکمه VKontakte (و همچنین برخی دیگر) وجود دارد، اما اخیراً چند افزونه وردپرس جالب تر پیدا کردم که با شما به اشتراک می گذارم. اما ابتدا کمی تئوری و «تکرار مطالب پوشش داده شده».
1. اولین گزینه برای دکمه VKontakte استفاده از تصاویر و یک کد از سرویس است. برای اضافه کردن، از یک کد استاندارد ساده استفاده کنید:
هنگام تغییر آن "برای خودتان"، به پیوند تصویر vkontakte.gif توجه کنید، که باید در پوشه الگو، دایرکتوری تصاویر قرار گیرد. دکمه استانداردی که در انتهای این مقاله وبلاگ مشاهده می کنید را می توان به دکمه دیگری تغییر داد. همچنین فراموش نکنید که عرض و ارتفاع آن را از طریق عرض و ارتفاع مشخص کنید. مزیت گزینه ابتدایی بودن آن است، در اینجا شما حتی نیازی به درک کد ندارید، می توانید "همانطور که هست" اضافه کنید.
2.
گزینه دو - اضافه کردن دکمه با استفاده از . نصب این ماژول بسیار آسان است و به شما امکان می دهد تعداد کاربرانی که از آن استفاده کرده اند را نمایش دهید. به طور کلی، کمی تعاملی، و همچنین برخی از گزینه های جالب برای سفارشی سازی.
در این مرحله از این گزینه استفاده می کنم و آن را دوست دارم.
3. پلاگین برای دکمه معمول VKontakte و سایر شبکه های اجتماعی. چند وقت پیش، من انتخابی را منتشر کردم که متأسفانه VKontakte وجود نداشت، اما خدمات خارجی محبوب و ارائه بسیار اصلی آنها در وبلاگ ارائه شد.
از نظر تئوری، می توانید وارد کد افزونه شوید و با استفاده از دانش اولین گزینه، برخی از خدمات غیر ضروری بورژوایی را با شبکه اجتماعی VKontakte جایگزین کنید. اما تصمیم گرفتم به دنبال گزینه های آماده باشم. خوشبختانه افزونه های زیادی وجود داشت، اما اکثر آنها کاملاً بی فایده و کسل کننده هستند. در نتیجه، من فقط دو نامزد شایسته را انتخاب کردم (علیرغم اینکه به یک شرط اضافی دیگر نیاز داشتم).
دکمه های اشتراک گذاری اجتماعی برای وردپرس
این افزونه صرفاً برای Runet طراحی شده است، زیرا حاوی محبوب ترین شبکه های اجتماعی در کشور ما - VKontakte، همکلاسی ها، دنیای من، لایو ژورنال، فیس بوک و توییتر است. اگر درست گفته باشم، پس تا حدودی شبیه به دکمه اشتراک گذاری VK است، یا به طور دقیق تر، عملکرد آن را شامل می شود. میتوانید گزینههای مختلفی را برای نمایش دکمهها انتخاب کنید و همچنین تنظیماتی را برای هر یک از آنها تنظیم کنید. این امکان وجود دارد که دکمه ها را مرتب کنید، برخی از آنها را انتخاب کنید.
بزرگترین ایراد افزونه در واقع محدودیت آن فقط به شبکه های اجتماعی اینترنتی محبوب روسی است که همیشه قابل توجیه نیست. و من فقط نیاز داشتم که علاوه بر VKontakte، همچنین LinkedIn را در سایت اضافه کنم. اعتراف می کنم، پلاگین های زیادی را جستجو کردم تا اینکه یک اشتراک گذاری و فالو فوق العاده جالب و مفید پیدا کردم.
جالبترین افزونه دکمه نشانه گذاری اجتماعی است که من با آن برخورد کرده ام. امکانات زیاد و به همان اندازه تنظیمات وجود دارد. نصب و شروع کار به اندازه کافی سریع است — افزونه را دانلود کنید، آن را در amdink فعال کنید و در بخش Share و Follow مشخص کنید که به کدام دکمه نیاز دارید. آنها بلافاصله در صفحات وبلاگ ظاهر می شوند.
پس از آن، می توانید به تنظیمات دقیق بروید - می توانید اندازه دکمه ها، بسیاری از خدمات اجتماعی مختلف، و همچنین ویژگی های عمومی (RSS، ایمیل، نسخه چاپی) را انتخاب کنید. همین افزونه یک عنصر زیر را به کنار نوار اسکرول اضافه می کند و همچنین گزینه های بسیار دیگری نیز دارد. ویژگی های پولی وجود دارد، اما موارد رایگان بدون آنها کافی است. پیشنهاد می کنم یک ویدیوی کوتاه در مورد استفاده از اشتراک گذاری و فالو تماشا کنید:
شاید در آینده ماژول Share and Follow را با جزئیات بیشتری در نظر بگیرم، اما شما نمی توانید منتظر من باشید و خودتان آن را بررسی کنید. مهمتر از همه، برای سایت های RuNet و انگلیسی زبان ایده آل است - لیست خدمات اجتماعی بیش از حد کافی است. نصب سریع و آسان است، به طور خلاصه، اشتراک گذاری و دنبال کردن باید در آرشیو هر توسعه دهنده وب سایت/وبلاگ وردپرس باشد.
P.S. به هر حال، در مورد شبکه های اجتماعی، ممکن است به وضعیت هایی در مورد زندگی برای VKontakte نیاز داشته باشید که می توانید آنها را خیلی ساده نصب کنید.
چندین جنبه روانشناختی اساسی در زندگی وجود دارد، مانند خودسازی شخصی، که به شما امکان می دهد به موفقیت و نتایج بزرگی دست یابید.
می توانید با استفاده از لنزهای تماسی در محل کار یا مدرسه، دید خود را بدون عینک کمی بهبود بخشید، آنها را به صورت آنلاین سفارش دهید.