L'estil gencat responsiu ofereix la visualització de l'activitat de la xarxa social d'imatges i vídeos Instagram.

 

El giny d'Instagram és un codi que permet veure les dades de la xarxa social Instagram i s'actualitza de forma automàtica, per tal de mostrar els darrers posts publicats.

Aquest giny mostra les següents dades d'un compte corporatiu d'Instagram:

  • Avatar: imatge identificativa del compte d’Instagram de l’usuari. Conté un enllaç a Instagram.
  • Nom d’usuari: el nom del compte a Instagram (@gencat, per exemple)
  • Botó Follow: fa una crida a l’aplicació per subscriure l’usuari com a seguidor del compte. En cas que l’usuari no estigui registrat a Instagram, se li sol·licitarà que creï un compte al servei de la xarxa social per poder esdevenir seguidor del compte del visor.
  • Posts (imatges o vídeos). Es mostren les darreres imatges i vídeos publicats al compte. Cada post té l’enllaç que condueix al detall del post.

Aquest giny serveix per mostrar la presència d'un organisme a la xarxa social Instagram, a l'igual que es pot fer amb Twitter.

Es pot utilitzar per promocionar productes o serveis que s'ofereixen, o per fer difusió de novetats en format gràfic.

A més a més, incloure el giny dóna la possibilitat als usuaris donar-se d'alta com a seguidors i veure les novetats del perfil sense haver d'accedir a la xarxa social.

 

La visualització permet mostrar les imatges en dos formats:

 

4x3

  • 4 columnes amb 3 fileres, amb un total de 12 posts.
  • Es mostra a les visualitzacions del 100%, 50% i 33% (resolució d'escriptori i tauleta).

 

3x2

  • 3 columnes amb 2 fileres, amb un total de 6 posts.
  • Es pot mostrar a totes les visualitzacions en les resolucions d'escriptori i tauleta.
  • És l'opció única per a la visualització amb mòbil.

 

Exemple del giny en format 4x3 a la versió escriptori

Exemple del giny en format 4x3 a la versió escriptori

Exemples en HTML

Aquesta peça es pot mostrar en tots els tipus d’espais de la pàgina (33%, 50%, 66%, 100%).