Hoy en d a, las redes sociales juegan un papel muy importante en nuestra vida cotidiana. Uno de los m s populares entre ellos es Vkontakte. Si desea agregar una funci n que permita a los usuarios navegar a su p gina de Vkontakte con un solo clic, en su propio sitio web, esta gu a lo ayudar a hacerlo.
El primer paso es crear el c digo HTML para el bot n. Puedes usar una etiqueta para eso . Por ejemplo:
Ir a mi p gina de Vkontakte
Aqu https://vk.com/your_page -este es un enlace a su p gina de Vkontakte que desea hacer clic.
Una vez que haya creado el c digo HTML para el bot n, puede agregarle estilos para que sea m s atractivo. Por ejemplo, puede usar propiedades CSS como background-color, color, font-size, etc. para cambiar el color de fondo, el color del texto y el Tama o de fuente del bot n.
Ahora que el bot n est listo, puede publicarlo en su sitio web. Para hacer esto, puede usar el elemento
para crear un contenedor para un bot n y establecer las propiedades necesarias con CSS.
C mo crear un bot n clicable Vkontakte
- Para crear un bot n Vkontakte clicable, necesitar los siguientes pasos:
- Reg strese en la oficina del desarrollador de Vkontakte, si a n no tiene una cuenta.
- Cree una nueva aplicaci n en el gabinete del desarrollador haciendo clic en el bot n "Crear aplicaci n". Al crear una aplicaci n, especifique la configuraci n deseada, como el nombre, el tipo y la plataforma.
- En la configuraci n de la aplicaci n creada, haga clic en la pesta a "Configuraci n" y, en la secci n "Plataformas", agregue "Sitio". Proporcione la direcci n de su sitio web y guarde los cambios.
- Vaya a la secci n "Accesos" y, en la pesta a "permisos Otorgados", establezca los derechos de acceso necesarios (por ejemplo, acceso a fotos o mensajes).
Cree el c digo HTML para el bot n Vkontakte usando el siguiente c digo:
Reemplace `YOUR_APP_ID ' con el ID de su aplicaci n, `YOUR_REDIRECT_URI` con la direcci n de redireccionamiento despu s de la autorizaci n y `PERMISSIONS` con los permisos necesarios separados por comas.
Como resultado, tendr un bot n de Vkontakte listo para hacer clic, que se puede colocar en su sitio web. Despu s de hacer clic en el bot n, el usuario ser redirigido a la p gina de autorizaci n de Vkontakte, donde se le pedir que otorgue acceso a la aplicaci n.
Tenga en cuenta Que este bot n es adecuado para sitios web que utilizan el protocolo HTTP. Si su sitio web es HTTPS, proporcione la direcci n de la imagen del bot n HTTPS.
Es importante tener en cuenta que la creaci n de un bot n Vkontakte clicable requiere la presencia de una aplicaci n registrada y la configuraci n correcta de sus par metros.
- Gu a completa para crear y configurar el bot n Vkontakte
- Paso 1: Crear un bot n
- Ir al sitio https://vk.com/dev
- Iniciar sesi n en el sitio Vkontakte
- Vaya a Mis aplicaciones
- Haga clic en el bot n "Crear aplicaci n"
- Complete la informaci n requerida sobre la aplicaci n (nombre, tipo, plataforma, etc.)
- Haga clic en la pesta a Configuraci n
- Haga clic en el bot n "Editar" junto al campo "Configuraci n del sitio"
- En el campo Direcci n, ingrese la URL de su sitio donde se mostrar el bot n
Haga clic en el bot n "guardar"
- Copie el c digo del bot n que se proporcionar despu s de guardar la configuraci n
- Paso 2: Insertar un bot n en el sitio
- Abra el archivo HTML de su sitio en el Editor de c digo
Pegue el c digo de bot n copiado en la ubicaci n deseada de la p gina
Guarde los cambios en el archivo HTML
- Para configurar el bot n Vkontakte, debe usar la API de JavaScript Vkontakte. Ejemplos de m todos de configuraci n de botones:
- - crear un bot n "me gusta"
- - crear un bloque de recomendaciones
VK.Widgets.Comments("vk_comments", {limit: 10})
- crear un bloque de comentarios
Paso 4: Comprobaci n de estado