Insérer des documents G Suite dans votre site web

Il est parfois utile de publier des documents créer avec Google Apps ou G Suite sur son site web. Voici un exemple. L’avantage c’est qu’il n’est pas dutout necessaire d’installer des plugins pour faire ces insertions. Cette documentation est valable pour WordPress, mais aussi Joomla, Drupal.

Travail préparatoire, partager le document

Avant de vouloir publier un document sur votre site web, il faut rendre celui ci public.

Puis cliquer sur avancé pour modifier les paramètres de partage

Ensuite choisir public

Puis vérifier que le document est en lecture.

Maintenant votre document est prêt a être publier.

Publier le document

Ensuite cliquer sur intégré

Vous n’avez plus maintenant qu’a copier le contenu et l’insérer dans votre article. Sous WordPress, il faut passer par le mode texte 

 

Présentation ou Slide

Cette fois ci le modèle est différent

1. Vous pouvez préciser en plus la taille du document à l’écran pour l’adapter a vos besoin.
2. Vous pouvez choisir de faire défiler automatiquement les diapos, et choisir le temps entre chaque diapo.
3. Si vous cocher démarer automatiquement, le diaporama se lancera tout seul
4. Vous pouvez ensuite cocher pour que le diaporama tourne en boule

Voici le texte que j’ai collé dans mon article (mode texte)

<iframe src= »https://docs.google.com/presentation/d/1zYimjt8Hvr9556jFZRFqHnA1Vgko6e7kUKvqEHkvhCA/embed?start=false&loop=false&delayms=3000″ frameborder= »0″ width= »960″ height= »569″ allowfullscreen= »true »

Et voici le résultat :

 

Vous pouvez ensuite modifier directement la fin l’url (après le ?) pour adapter les paramètres suivant votre site :

• start=false&loop=false&delayms=3000″ frameborder= »0″ width= »960″ height= »569″ allowfullscreen= »true
• start = true ou false : démarrage automatique
• loop = true ou false : slide en boucle
• delayms=3000 temps entre chaque slide ne mili secondes (ici 3 sec)
• frameborder= 0 taille de la bordure autour
• width = 960 : largeur de la frame, a adapter suivant votre site web
• heigth = 569 : hauteur de la frame (moi je le modifie à 412)
• allowfullscreen = true ou false : permet à l’utilisateur de visualiser en plein écran.

Arreter de partager

Vous pouvez à tout moment arreter de partager un document

A vous maintenant.