Comment intégrer une feuille Google dans un web site Website


La possibilité d’intégrer une feuille Google Sheet sur un web page World wide web peut s’avérer précieuse. Surtout lorsque vous souhaitez tenir vos lecteurs au courant des informations qui changent fréquemment.

Vous pourriez avoir une feuille Google formatée avec un modèle de calendrier montrant vos événements à venir auxquels vous aimeriez que le general public assiste. Ou, si vous êtes enseignant, vous pourriez publier les devoirs, les détails et les dates d’échéance dans une feuille de calcul sur le web page Internet de votre classe. Chaque fois que vous mettez à jour la feuille de calcul, elle est automatiquement mise à jour sur la site.

Quel que soit votre besoin de transmettre des informations en immediate aux lecteurs, l’intégration de Google Sheets peut vous aider.

Remark formater une feuille Google intégrée

Avant de pouvoir intégrer correctement une Google Sheet sur un web page Web, vous devez vous assurer qu’elle est correctement formatée. Voici quelques éléments à prendre en compte lors de la création ou du formatage de votre Google Sheet.

  • Assurez-vous que la première ligne contient uniquement les noms des colonnes.
  • Les caractères gras et autres mises en forme du texte sont acceptables et s’afficheront sur la website page Net.
  • Gardez toutes les données que vous voulez afficher sur un seul onglet.
  • Gardez la taille de la feuille de calcul gérable.

Tous ces problèmes de formatage deviendront furthermore évidents lorsque vous intégrerez votre feuille de calcul Google Sheet à votre web site World-wide-web. Mais si vous prévoyez de structurer votre feuille de calcul de manière à ce qu’elle s’intègre parfaitement à votre website page World wide web, vous vous épargnerez bien des tâtonnements.

Si vous utilisez l’un des modèles de Google Sheet, veillez à supprimer toute ligne supérieure afin que vos en-têtes soient toujours sur la première ligne.

mise en forme de google sheet

Lorsque vous aurez terminé, votre feuille devrait être formatée et dimensionnée exactement comme vous voulez qu’elle apparaisse sur votre web-site Web.

feuille google préparée

N’oubliez pas qu’il est as well as facile d’intégrer une seule feuille à partir d’un seul onglet. Vous pouvez publier une feuille de calcul entière, mais cela inclut des onglets sur votre page et peut rendre la navigation dans la feuille de calcul trop compliquée pour les visiteurs de votre website Internet. Nous vous recommandons donc de veiller à conserver toutes les informations sur l’onglet que vous souhaitez intégrer à votre internet site Net.

Utilisation de Publish to the Web

Le moyen le in addition simple d’intégrer une Google Sheet à un website World wide web est d’utiliser la fonction de publication sur le Website. Publier sur le Net dans Google Spreadsheets. Voyons comment cela fonctionne.

  1. Une fois que votre feuille est formatée de manière appropriée, sélectionnez Fichier dans le menu. Sélectionnez Publier sur le internet.

publier sur le web

2. Dans la fenêtre suivante, sélectionnez le menu déroulant sous Lien et choisissez l’onglet contenant les données que vous souhaitez intégrer à votre website page Web.

sélection du lien

3. Ensuite, sélectionnez le menu déroulant sous Intégreret assurez-vous que Web page net est sélectionnée dans la liste (elle devrait être sélectionnée par défaut).

liste déroulante d'intégration

4. Sélectionnez le Publier bouton. Sélectionnez Alright dans la fenêtre de affirmation qui s’affiche. Les sélections de la fenêtre d’édition sont modifiées. Sélectionnez le Embed à nouveau. Mettez en évidence et copiez le code d’intégration affiché dans la fenêtre.

Copie du code d'intégration

Vous êtes maintenant prêt à coller ce code sur votre propre internet site web pour intégrer la feuille de calcul.

Intégration de la feuille de calcul Google sur un web site Net WordPress

Il vous suffit maintenant de copier le code iframe et de le placer dans le code HTML de la site dans laquelle vous souhaitez l’intégrer. La feuille de calcul en direct apparaîtra sur la web page, où que vous la placiez.

Si vous utilisez WordPress, l’intégration du code dans WordPress signifie que vous devez entrer le code HTML réel dans la copie de votre site.

  1. Pour ce faire, modifiez la webpage où vous souhaitez intégrer la feuille Google et sélectionnez les trois factors dans le coin supérieur droit de la fenêtre de l’éditeur WordPress, puis sélectionnez Éditeur de code sous l’onglet Éditeur section.

éditeur de code wordpress

2. Dans la vue de l’éditeur de code, collez le code iframe de Google Sheets dans la zone de la web site où vous souhaitez l’intégrer.

code iframe dans wordpress

3. Enregistrez le projet et sélectionnez ensuite Aperçu pour voir à quoi ressemblera votre tableau une fois publié.

aperçu de la page web

Comme vous pouvez le constater, l’affichage par défaut de la feuille de calcul intégrée n’est pas toujours parfait. Mais ne vous inquiétez pas, il existe des moyens de modifier l’apparence de la feuille de calcul.

Personnalisation d’une feuille de calcul intégrée à Google

L’étape suivante consiste à s’assurer que la taille de la feuille de calcul est adaptée à la web site Website sur laquelle elle se trouve. Avec le code iframe, vous y parvenez en plaçant le texte width= »xxx » et peak= »xxx » directement après le texte « iframe ».

Dans ce cas, si vous voulez que la iframe ait une taille de 800 pixels de large et 400 pixels de haut, votre code ressemblerait à quelque chose comme ceci.

Code iframe

Enregistrez le projet et prévisualisez-le à nouveau. Vous verrez que la taille de la feuille intégrée est maintenant beaucoup plus grande et remplit toute la web site comme il se doit.

Cela fonctionnera dans la plupart des cas. Mais gardez à l’esprit que si vous utilisez une conception de web page World-wide-web réactive, le tableau conservera la même taille, quelle que soit la façon dont le lecteur redimensionne sa fenêtre. Cela signifie que s’il réduit la fenêtre de son navigateur ou s’il visite le web-site avec un appareil cellular, votre tableau risque d’envahir d’autres éléments de la site, comme les menus latéraux.

Vous pouvez probablement contourner ce problème en utilisant du code CSS dans votre conception Internet réactive, mais cela kind du cadre de cet report.

Mise à jour de Google Sheets intégrés en temps réel

C’est ici que l’intégration des feuilles de calcul Google est la plus efficace.

Pour vous assurer que les mises à jour automatiques fonctionnent, retournez dans votre feuille de calcul Google et ouvrez à nouveau la fenêtre Publier sur le Internet. En bas de la fenêtre, vous verrez une segment pour les mises à jour automatiques. Contenu publié et paramètres. Sélectionnez l’icône de la liste déroulante à côté et assurez-vous que Republier automatiquement lorsque des modifications sont apportées est sélectionné.

republier le cadre

Si cette choice est activée, vous pouvez à tout minute accéder à votre feuille de calcul source et y apporter des modifications.

modification d'une feuille de calcul google

Chaque fois que vous apportez des modifications à la feuille source, ces modifications sont mises à jour en direct sur la webpage World-wide-web.

mises à jour en direct

Vous pouvez probablement imaginer à quel position cela peut être utile pour transmettre rapidement à un huge public des informations que vous avez stockées dans une feuille de calcul.

Autres possibilities

Vous disposez d’autres options pour transférer une feuille de calcul Google sur une web site World-wide-web. Une autre approche consiste à sélectionner l’option Fichier menu, sélectionnez Téléchargeret sélectionnez ensuite Site world wide web (.html, zippé).

télécharger la page web

Cette site vous fournira tout le code HTML dont vous avez besoin pour intégrer chaque onglet dans votre feuille de calcul à l’aide du code HTML.

Du position de vue de la conception, cette approche pose un problème majeur. La méthode utilisée dans le HTML pour reproduire la feuille de calcul consiste à utiliser l’élément

feuille de calcul html

Il s’agit d’une approche très désordonnée et archaïque de la présentation d’une feuille de calcul sur le Web. Elle ne fournit pas non plus de mises à jour en temps réel des modifications. Il faut retélécharger le code chaque fois que l’on fait un changement. Toutefois, dans le pire des cas, lorsque vous ne pouvez pas utiliser le code iframe, cette solution est envisageable.

Quelle que soit l’approche adoptée, l’intégration d’une feuille Google sur un site Web peut être un moyen très efficace de communiquer des informations importantes (et les modifications apportées à ces informations) à un public très large. Si vous possédez un site Web, nous vous recommandons vivement d’apprendre à le faire et de le mettre en œuvre sur votre propre site. Il existe également des moyens d’intégrer des PowerPoints ou des feuilles Excel sur vos pages Web, si cela vous intéresse.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *