Publier sur Instagram non-mobile et afficher le flux
Publier sur Insta depuis son PC/MAC
Que vous soyez community manager ou webmaster, ce premier conseil vous permettra de publier des visuels, textes, liens et assimilés depuis votre PC/MAC. Personellement j'utilise cette combine depuis 3 mois avec le plus grand succès pour plusieurs comptes (je change de navigateur pour chaque, mais il y a d'autres méthodes). Cela permet notamment d'optimiser son action entre plusieurs comptes aux heures de grande écoute (souvent 9h), et a moins d'utiliser une plate-forme pro qui gère toute ses publcations en un clic, d'autres préfereront cette méthode gratuite et facile.La version gratuite:
- Connectez-vous sur instagram, depuis votre navigateur préféré
- Vous avez la version PC/MAC, mais vous ne pouvez pas publier
- Maintenant pour passer en version mobile (ou vous pouvez), il suffit d'...
- Aller sur les "..." du menu de gauche, ouvrez le menu déroulant
- Cliquez sur "plus d'outils"
- Ouvrez "Outils de dévelopemment", une box avec du code apparaît à droite
- Allez en haut du menu de cete box, choisissez l'icone en forme de mobile "activer la toolbar mobile"
- L'interface change en version mobile.
- Rafraîchir.
Note: Les photos devont être recadrées pour s'afficher au "format mobile", mais il y à un sous-menu (en haut) durant le chemin de publication de l'image qui permet de choisir entre différentes options, mais "responsive" est conseillée. Perso je crée en amont des images carrées, quite à ajouter des bandes noires autour pour ne pas déformer l'image d'origine. On peut choisir le format de téléphone et replacer l'image, ect. C'est puissant. Dans "suivant", c'est là que le texte de partage importe. Les hashtags sont reconnus (hereusement !) pour aider la diffusion, donc copier-coller le texte depuis facebook, et version réduite pour twitter, ça le fait. Par contre les liens ne sont pas reconnus (non cliquables), pas terrible pour la conversion.
La version payante:
Pour avoir vraiment toutes les options sous le pied, utilisez par exemple "Greatly Social". Le forfait pour 9 euros/mois permet de couvrir 8 réseaux et toutes leurs options, mais 1 compte pour chaque. Pour son propre site pro c'est raisonnable. Une fois son compte insta lié, sur instagram, il est possible de publier des vidéos, galeries, et programmer la publication. La description, les hashtags sont séparés. Il est possible aussi de republier.Publier un flux RSS Instagram sur son site
Pour ce dernier cas, le DiY est nettement plus ardu que les quelques étapes de la publication instagram. Le réseau social de base ne permet pas tout simplement une intégration externe de son flux, notamment car cela rend le tracking (infos revendues) impossible. Si vous ne vous sentez pas capable d'attaquer du code, la solution la plus simple reste payante. Un logiciel comme greatly social ne permet pas en revanche d'exporter un flux en embed. Il y a de nombreuses application qui le permettent (voir les liens ci-dessous).Sur le site officiel instagram (about.instagram.com) il y a bien une introduction à l'embed remontant à 2013, mais le lien suivi se perd dans l'aide instagram et la recherche donne une mention en Français sur "Que sont les intégrations sur Instagram et comment puis-je intégrer une publication ou un profil Instagram ?, qui explique:
1- À partir de la publication ou du profil que vous souhaitez intégrer, cliquez sur "plus d'actions" en haut à droite (...).
2- Cliquez sur Intégrer, puis sur Copier le code intégré*.
3- Le code intégré sera alors copié dans votre presse-papier et pourra être collé dans votre éditeur HTML.
⚠ Remarque : si vous ne voyez pas l’option Intégrer, il se pourrait que la publication ou le compte soit privé ou que les intégrations soient désactivées.
Cela implique de repasser sur la version "PC/MAC" originelle vue plus haut pour avoir le menu complet, et donc de renier la vue mobile utiliser pour le partage... ☹
Autre solution si cela ne marche pas: Le flux PHP "sur mesure" et fait maison. L'exemple trouvé est celui de Yizack sur Github (ci dessous).
- Le plugin contient un fichier config avec l'URL instagram, un fichier de feed à intégrer, un fichier functions.
- Tout est en PHP, avec du .Json pour le fonctionnement Sont également requis:
- PHP Hosting avec cURL and fopen() support
- Facebook Developer App
- Instagram Basic Display API
- Fonctionne avec un iframe (pas terrible pour le SEO)
- Il faut intégrer un container lié à du css
- Il faut intégrer le code javascript (léger)
div class="container-fluid">
div class="row flex-row flex-nowrap">
?
for ($x = 0; $x < count($post); $x++) {
$username = $post[$x]["username"];
$permalink = $post[$x]["permalink"];
if(isset($post[$x]["caption"])) {
$caption = $post[$x]["caption"];
}
$timestamp = $post[$x]["timestamp"];
?
?= post($username, $permalink, $caption, $timestamp); ?
?
}
?
/div>
/div>
script
$('.ig-feed').slick({
infinite: false,
speed: 300,
slidesToShow: 3,
slidesToScroll: 3,
adaptiveHeight: true,
dots:false,
arrows: true,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
}
}
]
});
/script
Liens et ressources
En DiY sur githubL'embed sur about.instagram.com
Espaces comptes Meta
Fonctionnalité oEmbed Read sur meta
Methodes d'embed sur developerdrive.com
Discussion sur stackoverflow.com
Freemium tagembed.com
Embed freemium de pixlee.com
Sur intagrate.io, plugin wordpress
Sur embedsocial.com (freemium)
Sur curator.io, plugin wordpress
Freemium taggbox.com