Hoe gebruik je Google Maps op je website?
Dated maandag 30 september 2013
Tags: seo, webdesign
Onderstaande instructies gaan uit van het beheersysteem van Website 24/7. Mocht je een ander beheersysteem gebruiken, dan kan je nog steeds stap 1 in zijn geheel volgen. De daarop volgende stap dien je aan te passen aan je eigen beheersysteem of de verkregen code te geven aan de beheerder van je website.
Stap 1 - Haal de code uit Google maps
- Open maps.google.nl
- Zorg dat je niet ingelogd bent: als er helemaal rechtsboven 'afmelden' staat, klik daar dan op.
- Type je (bedrijfs)adres in en klik op "Zoeken in Maps".
- Schuif en zoom in of uit tot je de kaart hebt waar je tevreden mee bent.
- Klik op 'Link' rechts boven de kaart.
- In het menu dat verschijnt, klik op "Deze kaart aanpassen en als voorbeeld weergeven"
- Selecteer gewenste grootte.
- Kopieer de code uit het onderste veld.
Stap 2 - Plaats de code op de pagina
Log in op het CMS en ga naar de juiste pagina. Klik bij die pagina op 'bewerken'. Je kan hier natuurlijk ook een aparte pagina voor aanmaken. Volg vervolgens de volgende stappen:
- Klik bij het tekstveld op de 'Code' knop in de blauwe werkbalk.
- Zet de cursor helemaal onderaan alle tekst.
- Plak hier de tekst die je hebt verkregen uit Google.
- Klik wederom op de 'Code' knop
De map is nu zichtbaar onderaan de pagina. Vergeet niet om de pagina op te slaan!
Het aanmelden voor Google Places maakt het nog mooier, dan kan je ook zoeken op bedrijfsnaam.
{"jsfiles":["\/cms\/BB\/JSDivers\/jquery.flippy.js","\/cms\/BB\/JSDivers\/switchtomobile.js","\/cms\/BB\/JSDivers\/iScroll\/iscroll-lite.js","\/cms\/BB\/Form\/Fields\/CpFormDate.js","\/cms\/BB\/JSDivers\/touch2.js","\/cms\/BB\/Ajax\/simpleajax.js","\/cms\/BB\/JSDivers\/webcoding.js","\/cms\/BB\/JSDivers\/check.js","\/cms\/BB\/JSDivers\/loadparts.js","\/cms\/BB\/JSDivers\/cms-actions.js"],"cssfiles":["\/cms\/BB\/CSS\/touch\/website.css","\/cms\/BB\/CSS\/touch\/mobile.css","\/css\/mobile.css","\/cms\/BB\/CSS\/buttons.css","\/cms\/BB\/CSS\/touch\/general.css","\/cms\/BB\/CSS\/touch\/cms.css","\/cms\/BB\/Form\/Fields\/CpFormDate.css","\/cms\/CBB\/Modules\/CRM\/CmsModuleImportMail.css","\/cms\/CBB\/Modules\/Standard\/CmsModuleManuals.css"],"javascriptlines":["\nvar created_keepSessionAlive = false;\nif (typeof keepSessionAlive !== \u0022function\u0022) {\ncreated_keepSessionAlive = true;\nkeepSessionAlive = function() {\njQuery.post(\u0022\/keep-session-alive\u0022);\nwindow.setTimeout(\u0022keepSessionAlive()\u0022, 300000);\n}\n}\nif(created_keepSessionAlive){\nwindow.setTimeout(\u0022keepSessionAlive()\u0022, 300000);\n}","CPJS.vLoadPluginOn(\u0027cpform\u0027, {})","CPJS.bWhenReady([\u0022touch\u0022], function() { Touch.sBrowserType = \u0027unknown\u0027; } )","CPJS.bWhenReady([\u0022touch\u0022], function() { Touch.fBrowserVersion = \u00270\u0027; } )","CPJS.bWhenReady([\u0022logdisplay\u0022,\u0022rpc\u0022,\u0022touchsite\u0022,\u0022stacking\u0022,\u0022showwaiting\u0022,\u0022storage\u0022,\u0022googleAnalytics\u0022,\u0022popups\u0022], function() { CPJS.touchsite.vInit(false) } )","var CmsStatic_iNewItemPage = 33426;","var sTabletMenuColor1 = \u0027#5990B3\u0027;","var sTabletMenuColor2 = \u0027#2786C2\u0027;","var aDictionary = new Array();","aDictionary[\u0027postponeTo\u0027] = \u0027verplaats naar\u0027;","aDictionary[\u0027tomorrow\u0027] = \u0027morgen\u0027;","aDictionary[\u0027dayAfterTomorrow\u0027] = \u0027overmorgen\u0027;","aDictionary[\u0027nextWeek\u0027] = \u0027volgende week\u0027;","CPJS.bWhenReady([\u0022stacking\u0022], function() {\nCPJS.stacking.iToolbarWidth = \u0022100%\u0022;\nCPJS.stacking.iSlideLefMargin = 0;\n} )",""]}
