Staff en línea

[javascript] Agregar Instagram como campo de contacto
Tema iniciado por y Añadir a favoritos

staff
[codebox]Hola!

En esta oportunidad les traigo un codigo JS que permite añadir un campo de contacto de Instagram en los perfiles.

Para que esto funcione tendremos que poner el nombre de usuario de nuestras cuentas de instagram, por ejemplo mi cuenta de instagram es https://www.instagram.com/joseralvarenga entonces ese enlace es el que tengo que poner en la opcion de contacto.

CREAR CAMPO DE PERFIL

Ir a Panel Admin >> Usuarios & Grupos >> Usuarios >> Perfiles >> Opciones de contacto:

Damos clic en el icono + para añadir un nuevo campo.

Nombre: Instagram Color: El que quieras
Descripción: Cuenta de Instagram
URL del icono: https://i.servimg.com/u/f60/19/06/26/04/insta310.png
Código:
https://i.servimg.com/u/f60/19/06/26/04/insta310.png
Obligatorio: Según su decisión / Personalmente no lo dejo obligatorio.
Previsualización: Perfil y Mensajes
Tipo de anuncio: Texto
¿Quién puede modificar el valor de su contenido?: Moderadores y el usuario mismo
Mostrar este campo para los usuarios que tengan al menos el estatus: Miembros (o segun su elección)
Tipo: Dirección de internet.

Registramos los cambios.

[/codebox]

[hidecode]

CODIGO JAVASCRIPT

Panel Admin >> Módulos >> HTML & JavaScript >> Gestión de los códigos javascript >> CREAR UN NUEVO JAVASCRIPT:

Titulo: Agregar un campo de Instagram
Posición: En todas las paginas.

Código:

/* ------------------------------------------------------------------------

**************** COPYRIGHTS :copyright:️ 2018, LUFFY - FORUMOTION.COM ****************

- Please do not try to post a new tutorial using this code to your forum.
- This code is written by Luffy for Forumotion.com forums only.
- Please ask your questions at https://help.forumotion.com
- Please do not remove these comments.
- Tutorial Link: /t156778-add-instagram-as-contact-field-to-your-forum
--------------------------------------------------------------------------- */

$(function(){
 
  if(/\/?u(\d+)contact$/.test(location.pathname)) {
    $('dl#field_id2 dd a').attr('title','Ver la cuenta de Instagram del usuario');
    if ($('dl#field_id2 dd a[href*="http://"]')){
      var ifgr_instagram_src = $('dl#field_id1 dd a').attr('href').slice(7);
    }
    if ($('dl#field_id2 dd a[href*="https://"]')){
      var ifgr_instagram_src = $('dl#field_id1 dd a').attr('href').slice(8);
    }
    $('dl#field_id2 dd a').attr('href', 'https://www.instagram.com/' + ifgr_instagram_src);
  }
 
  if (/t(\d+)/.test(window.location.pathname)) {
    $('a[title*="website"]').has('img[src*="https://i.servimg.com/u/f60/19/06/26/04/insta310.png"]').addClass('InstagramPage');
    $('a.InstagramPage').attr('title','View the user\'s Instagram account');
    if ($('a.InstagramPage[href*="http://"]')){
      var ifgr_instagram_src2 = $('a.InstagramPage').attr('href').slice(7);
    }
    if ($('a.InstagramPage[href*="https://"]')){
      var ifgr_instagram_src2 = $('a.InstagramPage').attr('href').slice(8);
    }
    $('a.InstagramPage').attr('href', 'https://www.instagram.com/' + ifgr_instagram_src2);
  }
 
});

INFORMACIÓN PARA UNA CORRECTA INSTALACIÓN

Antes de empezar a utilizar este astucia hay que verificar el fiel_id, es el corelativo de los campos de perfil y en cada foro es diferente.
Asi que en nuestro navegador abrimos la pagina de perfil, en la pagina de contacto, ejemplo: https://TUFORO.foroactivo.com/u1contact
Ahi en ese usuario debes poner el link de tu instagram, damos clic derecho en el texto instagram y clic en INSPECCIONAR ELEMENTO
Tendremos algo asi:
[javascript] Agregar Instagram como campo de contacto RJ7F4OHh

Observamos que en el ejemplo dice <dl id="field_id2">, en tu caso puede aparecer otro numero.
Asi que hacemos una modificacion al codigo y buscamos field_id2, y en vez del 2 ponemos el numero que nos aparece.

Guardamos cambio y listo.
[javascript] Agregar Instagram como campo de contacto VCeMTqEh
[/hidecode]


Codigo escrito po Luffy para Forumotion.com y traducido por Fibo para OpenSourcephpBB3.net
Fibo
Fibo

¿Que estoy pensando? :

Nuestra filosofía http://bit.ly/OpenSourcephpBB3 [table class=fecha_up][td]Se modifico:9/11/19 - 15:53 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/zVxw0kMh.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

616


Puntos :

896


Me gusta :

156


ingreso :

11/09/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


http://www.opensourcephpbb3.com

Volver arriba Ir abajo

staff
interesante llegando a casa lo probare...
Dosh
Dosh

¿Que estoy pensando? :

Vuelve el hijo prodigo... [table class=fecha_up][td]Se modifico:1/010/18 - 15:59 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/JdnysKr.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1692


Puntos :

2450


Me gusta :

466


ingreso :

07/12/2014


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


http://www.telefoneros.com/

Volver arriba Ir abajo

Lo probaré de inmediato... Gracias!
mrsrz
mrsrz

¿Que estoy pensando? :

Que aburrición... [table class=fecha_up][td]Se modifico:6/11/19 - 19:51 hrs. [/td][/table]


Banner en temas :

http://profilerehab.com/facebook_covers/musical/cool_guitar_cover_9.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

434


Puntos :

610


Me gusta :

64


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


http://musicinstant.host-es.com/

Volver arriba Ir abajo

Muy curioso, mis usuarios usan Instagram, esta genial lo probaré.
Pegasus
Pegasus

¿Que estoy pensando? :

Tratar de conquistar el mundo, aww. [table class=fecha_up][td]Se modifico:31/010/19 - 18:30 hrs. [/td][/table]


Banner en temas :

https://2img.net/h/oi64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

20


Puntos :

26


Me gusta :

2


ingreso :

29/10/2019


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Mozilla Firefox


https://fobiasocial.foroes.org

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.