{"id":2094,"date":"2021-01-11T11:19:34","date_gmt":"2021-01-11T11:19:34","guid":{"rendered":"https:\/\/viatrix.nl\/trainingen\/hoe-laat-je-google-spreadsheets-zien-op-jouw-website\/"},"modified":"2021-09-15T13:26:34","modified_gmt":"2021-09-15T13:26:34","slug":"hoe-laat-je-google-spreadsheets-zien-op-jouw-website","status":"publish","type":"post","link":"https:\/\/viatrix.nl\/trainingen\/hoe-laat-je-google-spreadsheets-zien-op-jouw-website\/","title":{"rendered":"Hoe laat je Google spreadsheets zien op jouw website?"},"content":{"rendered":"\n

Spreadsheets zijn een mooie manier om informatie te ordenen.
Er zijn meerdere manieren om spreadsheets in te voegen binnen je website.

1. een statische sheet, waarbij je de informatie in een tabel op je pagina opslaat.
2. Een dynamische sheet, waarbij de informatie op jouw webpagina verandert als jij of iemand anders de google sheet aanpast. <\/p>\n\n\n\n

Werken met Google sheets<\/h3>\n\n\n\n

Werken met Google sheets vraagt dat je met een Google account inlogt op sheets.google.com<\/a><\/strong>. De sheet die je hier maakt kan je op verschillende manieren delen, bijvoorbeeld via een link. Ook kan je zelf bepalen wie er toegang heeft tot de sheet.<\/p>\n\n\n\n

Een statische sheet invoegen<\/h3>\n\n\n\n

Om een statische sheet in te voegen kopieer je dat deel van de sheet dat je wilt tonen op je website en je plakt het rechtstreeks in het paragraafblok. Dit is simpel knip en plak werk.
Zoals voorbeeld hieronder <\/p>\n\n\n\n

<\/td>jaar 1<\/td>jaar 2<\/td>jaar 3<\/td>jaar 4<\/td><\/tr>
index A<\/td>123<\/td>123<\/td>123<\/td>123<\/td><\/tr>
index B<\/td>456<\/td>456<\/td>456<\/td>456<\/td><\/tr>
<\/td><\/td><\/td><\/td><\/td><\/tr>
Totaal<\/td>579<\/td>579<\/td>579<\/td>579<\/td><\/tr><\/tbody><\/table>
Voorbeeld statische sheet<\/figcaption><\/figure>\n\n\n\n

Een dynamische sheet invoegen<\/h3>\n\n\n\n

Om een dynamische sheet in te voegen moeten we andere stappen zetten.
We moeten daarvoor een koppeling maken tussen de google sheet en jouw webpagina. Daarvoor gebruiken we de z.g. Embed-code. Dit is een <iframe>

Je volgt de volgende stappen:
1. iFrame ophalen van de sheet
2. iFrame code plakken op jouw website

Stap 1: De iFrame code ophalen
Ga naar jouw sheet en klik in het menu op Bestand (File)<\/em><\/strong>
In het dropdown menu kies je voor Publiceren op internet<\/em><\/strong> <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

De volgende stap is de embed-code ophalen. Daarvoor klik je in de pop-up op Invoegen<\/em><\/strong> (Embed)<\/em><\/strong><\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Je krijgt dan de embed code <iframe> te zien. Deze moet je kopi\u00ebren. (CTRL+C) <\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

Plaats de embed code met <iframe> in het blok HTML
<\/strong>De volgende stap is deze code te plaatsen op jouw website.
Daarvoor moet je het blok “Eigen HTML code”<\/strong> gebruiken. Je plakt de gekopieerde embed code hierin.<\/p>\n\n\n\n

\"\"<\/a>
De embed code plakken in het blok HTML code<\/figcaption><\/figure><\/div>\n\n\n\n

Dit is dan het resultaat: <\/h3>\n\n\n\n