Feedgeorge WordPress Plugin (FGWPP)
Download and Install Feedgeorge WordPress Plugin from Plugin Directory
1. Under Admin Dashboard, go to “Plugins” tab. Click on “Add New” button and search for “feedgeorge”
2. You will see the search result with the name of “Feedgeorge WordPress Plugin”. Click on “Install Now” button and click “OK” to confirm the installation.
3. Once the installation has completed, click on “Activate Plugin” button.
4. To continue with the setting, please click on “Feedgeorge” button under “Settings” tab.
Feedgeorge WordPress Plugin Settings
1. Before you start using Feedgeorge WordPress Plugin, you need to have API key to access to “Nearby Stories” and “Share Blog Post with Feedgeorge” features.
2. Login to Feedgeorge to generate the API key if you have already registered as member.
3. If you are the new user, click on “sign up” button in settings page.
4. Fill up all details needed in the application form and API key will be auto-generated.
5. Copy the API key and paste it into Feedgeorge WordPress Plugin settings page.
6. After pasting the API key, you can change the default setting for Homepage Geomap which appears on the homepage of your blog.
7. Copy this line of code <?php show_fgeorge_map([height]); ?> in index.php or home.php in your Theme folder and replace [height] (in pixel) with your preferred size of the map.
8. You’ll have the option to aggregate cluster markers into “heat map” format by ticking the checkbox.
9. You can change the stroke/fill color or opacity of polygon drawing from here as well.
10. Similar to Homepage Geomap Setting, you can change map size, map zoom level, default map centre for Post Geomap as well.
11. You can share the blog post with Feedgeorge for more incoming traffic (exposure) to your blog. Choose the subcategories from the dropdown menu.
12. For map marker, you can choose either default marker, custom marker or upload you designed marker for the blog post.
13. The main feature for this plugin is “Nearby Stories”, where you can pull news updates that nearby to the location of the blog post from Feedgeorge. You can choose categories that you want to follow by ticking the checkbox.
14. Remember to click on “Update Options” button after you made any changes in the Settings.
1.To geotag a blog post, you need to key in address, postcode and town (or latitude & longtitude of the location) to load the coordinate.
2. There are two ways to draw a polygon – via “Homepage” or “Add post”. To draw a polygon, just click on the map and complete it with multiple points. To delete a reference point of polygon, click on the small “square box” again.
3. The map marker for this current post can be customized by uploading your designed marker.
4. The Post GeoMap will be shown at the bottom of each blog post.
5. Untick checkbox if you wish to turn off “Nearby Stories” feature.
1. “Feedgeorge Nearby” widget can be added to your side bar too. Simply drag and drop the widget to the sidebar column as shown below.
2. You widget will be appeared on the position you chosen in the Widget settings.
1. When there is a new upgrade available, WordPress will give you a notice on top of your dashboard.
2. Click on the “Update Plugins” button.
3. WordPress will automatically update Feedgeorge WordPress Plugin.
Feedgeorge Augmented Reality Plugin (FGARP)
Creating Layer for Layar Geolocation Layer and Layar Vision
1. In order to create augmented reality contents, in this case, we recommend Layar (www.layar.com).
2. Create a Layar account by clicking on the “Create account” button.
3. Verify your account and clicking on the special link in your email.
4. After verifying your account, click on “Developers” button at the footer of Layar website.
5. Fill up the detail as required in the Developer Signup page.
6. After creating Developer account, you can straight proceed to Layar layer creation by clicking on “Create a new layer” button.
7. Fill up the details as required. API endpoint URL to be discussed in Section 2, no.6. Rules & guides as below:
The name must begin with a character
Names must be all lowercase
Names may contain numbers
Names must be unique
Names cannot be edited once the layer is created
Generic 2D: Use this if you only use default POI icons or you have uploaded customized icon sets under Look & feel tab.
2D and 3D objects in 3D space: If you want to use 2D images or 3d models in 3D space.
Provide a short description of your layer. (max. 60 character including spaces)
Enter the name of the content publisher. The name of the content publisher will be shown in the layer catalog. If you are the content owner, you may use your name or your company’s name.
[API endpoint URL]
The URL for your web service.
The URL should start with http:// or https://
Check out more info about Layar Vision from this web page.
8. Click on “Listing & indexing” tab on the left panel. Fill up all details as required.
9. Click on “Click here for an example” and you will find mock screenshot for the information needed.
10. Then proceed to “Coverage” tab. Select Malaysia from the available options.
11. If you enable “Layar Vision” in your layer, you can then upload a reference image in the “Reference images” tab.
12. Remember to include Image Key as it’s required to identify your images on WordPress plugin and Layar browser. You can refer to “Reference Image Best Practice” for more info about reference images.
13. For Layar Vision, the first 10,000 matches or less a month will enjoy the free service. Paid model detail can be found in the same page.
14. Save your changes and click on “My Layers” button on top of the website.
15. Test your layer first before submitting request for approval.
Download and Install Feedgeorge Augmented Reality Plugin from Plugin Directory
1. Go to “Plugins” tab on the left panel and click on “Add new” button.
2. Search for “feedgeorge augmented reality”. Install and activate the plugin.
3. Before you start using Feedgeorge WordPress Plugin, you need to have API key to access to get the “Webservice URL for Layar”.
5. Fill up all details needed in the application form and API key will be auto-generated. Copy the API key and paste it into Feedgeorge Augmented Reality Plugin settings page.
6. Click on “FG Augmented Reality” in the last tab of left panel and choose “Geolocation Layer”. Key in the layer name as created in Layar Developer account and choose the search radius. Click on the “Add New Layer” button.
Search radius: Far: <2,000 meters; Medium: <500 meters; Near: <10 meters
You can export the Point of Interests (POI) in JSON, XML or Array format too.
7. If you choose Layar Vision enabled in your layer property, you need to key in the same “Reference Key” as created in Layar Developer account.
8. Copy the “Webservice URL for Layar” and paste it into “API endpoint URL” in Layar layer property.
9. You can feature all geopoints in a single aggregated map by pasting <?php show_fgeorge_map([height]); ?> in your home page.
10. Default map zoom level and size can be customized at the same setting page as well.
Creating content for Layar Geolocation layer
1. Login to your content management system (CMS).
2. Click on “Posts” on the left panel and choose “Add New”.
3. Enter your post title (1) and content (2), follow by choosing categories (3), enter tags (4) related to post and uploading the featured image (5).
4. Upload image from your computer and click on “Set as Featured Image” button, then click on “close” button.
5. For Geolocation content, choose the right layer which assigned by Site Administrator. Click on “Geolocation” radio button and enter content location. Click on “Load” button and check “Save custom map zoom for this post”.
6. You can add actions for this content, for examples:
(a) Link to other website
(b) Link to another layer
(c) Make a call
(d) Send an email
(e) Send a SMS
7. You can replace the default “marker” with a 2D image by uploading image file not more than mobile device’s screen size (e.g. 300×450 pixels). It’s optional to change the Size if the image is too big for the screen.
8. The last step is to add audio or video files to the content. There are two options for uploding the media – (a) Upload audio or video file from computer or (b) Insert Youtube video.
(a) Upload audio or video file from computer
i) After clicking on the “Media” tab, click on “Upload/Insert” button. Select files from computer and upload to the system. Click on “Insert into Post” button, then close the window.
ii) The system user will see the message published below and it requires to be updated before proceeding to the next step.
iii) It’s optional to choose “Auto-trigger” feature as the video will auto-play when Layar browser detects the location of the content. The system user can set the auto-trigger range as well.
(b) Insert Youtube video
i) After clicking on the “Media” tab, click on “Insert Youtube Video” button. Copy and paste Youtube video URL (e.g. http://www.youtube.com/watch?v=20gkvAAwUag) in the form provided.
ii) It’s optional to choose “Auto-trigger” feature as the video will auto-play when Layar browser detects the location of the content. The system user can set the auto-trigger range as well.
iii) Click on “Add” button before “Update/Publish” the post.
9. After finishing all four tabs in the [Layar POI section], click on “Publish” button again to confirm posting.
10. Here are the two screen-shots of Layar mobile app view for Layar Geolocation content.
Creating content for Layar Vision
1. Repeat step 1 – 9 in the “Creating content for Layar Geolocation layer” section, except step 5.
2. For step 5, click on “Referer Image Key” radio button and choose the right key, which stated in the “Creating Layer for Layar Geolocation Layer and Layar Vision” (step 11 & 12).
3. Here is the screen-shot of Layar mobile app view for Layar Vision content.
Augmented Reality map in various embed size
1. Go to “Appearance -> Widgets”, drag “FG Story Map” widget to right panel (e.g. Main Sidebar). You can customize the widget size and total number of post.
2. Go to your homepage and click on the “View Full Map” button on the FG Story Map.
3. Click on “Embed” button and customize your preferred size of the map. Copy the script on bottom left and paste to your other websites.