Last active
August 22, 2016 09:12
-
-
Save MurtzaM/7702cc07c6bf65b38736 to your computer and use it in GitHub Desktop.
Dynamically Change Page Content Based on a User’s Location
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- | |
| This example takes a user's location, and returns the nearest Marketo office location and its phone number. If a user's location is not accessible, the script defaults to Marketo's global office location and phone number. | |
| Created by Murtza Manzur on 01/07/2015 | |
| --> | |
| <html> | |
| <head> | |
| <!-- This example uses the Geolib JavaScript library, https://github.com/manuelbieh/Geolib. Replace reference below to where you host this library.--> | |
| <script src="http://developers.marketo.com/blog/wp-content/uploads/2015/01/geolib.js"></script> | |
| </head> | |
| <body> | |
| <button onclick="getLocation()">Click this button to get nearest Marketo office to you.</button> | |
| <p id="phonenumber"></p> | |
| <script> | |
| //Element to put phone number for closest Marketo office to user | |
| var x = document.getElementById("phonenumber"); | |
| //Coordinates for Marketo offices | |
| var officeLocations = { | |
| "San Mateo": {latitude: 37.5596465, longitude: -122.2870142}, | |
| "Atlanta": {latitude: 33.8547013, longitude: -84.35552349999999}, | |
| "Tokyo": {latitude: 35.6895, longitude: 139.6917}, | |
| "Dublin": {latitude: 53.3478, longitude: -6.2603097}, | |
| "Sydney": {latitude: -33.873651, longitude: 151.2068896}, | |
| "Portland": {latitude: 45.512089, longitude: -122.6763367}, | |
| "Tel Aviv": {latitude: 32.0852999, longitude: 34.78176759999999} | |
| } | |
| //Phone numbers for Marketo offices | |
| var officePhoneNumbers = { | |
| "San Mateo": "+1-650-376-2300", | |
| "Atlanta": "+1-877-260-6586", | |
| "Tokyo": "+81-03-6759-8280", | |
| "Dublin": "+353-1-242-3000", | |
| "Sydney": "+61-2-9045-2711", | |
| "Portland": "+1-877-260-6586", | |
| "Tel Aviv": "+1-877-260-6586" | |
| } | |
| //Method to get user's current location. Returns a position object with user's geo coordinates | |
| function getLocation() { | |
| if (navigator.geolocation) { | |
| navigator.geolocation.getCurrentPosition(findNearestOffice); | |
| } else { | |
| x.innerHTML = "Marketo Location: San Mateo<br>Marketo Phone Number: +1-877-260-6586"; | |
| } | |
| } | |
| //Find nearest Marketo office to user's location | |
| function findNearestOffice(position) { | |
| var nearestOffice = geolib.findNearest({latitude: position.coords.latitude, longitude: position.coords.longitude}, officeLocations); | |
| x.innerHTML = "Marketo Location: " + nearestOffice.key + "<br>Marketo Phone Number: " + officePhoneNumbers[nearestOffice.key]; | |
| } | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment