, , , ,

The most effective method to settle “google maps oops something went wrong” error

Are you seeing “Google maps oops something went wrong” in place of maps on your website? This error has become a lot more common since Google Maps started requiring an API key on June 22, 2016 (after about 10 years of allowing keyless use). If you started using Google Maps on your website on or after that date then you will need to sign up for and implement a free API key (older users still do not need a key).

Google has not made setting up an API key a very user-friendly process. Their interface is geared towards developers. As such, many users have trouble correctly creating a key. This guide is not just for our WordPress theme and plugin users but for anybody on the Internet who wants to know how to fix the “This page didn’t load Google Maps correctly” error on their website.

Find the Cause of “Google maps oops something went wrong”

First, let’s find out exactly why the “This page didn’t load Google Maps correctly” error is showing. There are multiple things that can cause it but fortunately Google gives us a way to learn the specific reason. This helps us know what to do to fix it. Notice the last part of the error says to open the JavaScript console for “technical details”. That’s what we need.

Oops! Something went wrong. This page didn’t load Google Maps correctly. See the JavaScript console for technical details.

You can open the JavaScript console in your browser with a few keystrokes. There is an excellent answer on StackOverflow that tells you plainly how to open the JavaScript console in different browsers. After doing that, you should be able to find an entry looking something like this.

Listed below are the most common errors reported by our users.

  • MissingKeyMapError – An API key is not being used
  • RefererNotAllowedMapError – Key doesn’t allow your URL
  • ApiNotActivatedMapError – API is not enabled
  • InvalidKeyMapError – The API key used is incorrect
  • How to Fix Other Errors – More errors are possible

Fix the “google maps oops something went wrong” Error

Since you know precisely what is bringing on the mistake, you can settle it. Here are fixes for the most widely recognized Google Maps API mistakes appeared in the support.

Instructions to Fix MissingKeyMapError

MissingKeyMapError implies you are not utilizing an API key and should agree to accept one then arrange your site to utilize it. Sites that began utilizing Google Maps on or after June 22, 2016 require an API enter with the goal for maps to appear.

Create a Google Maps API Key

Follow these steps to create and implement a free Google Maps API Key.

  1. Start Google’s Get a Key process then log into your Google account (or create one).
  2. Click Agree and continue to create a new project representing your website.

3. Under Accept requests, add the two entries below (replacing yourname.comwith your own domain). Type the first entry then hit enter on your keyboard to add it. Repeat to add the second entry. Having both entries (with asterisks) will help ensure your maps work on any URL of your website.

yourname.com/*
*.yourname.com/*
4. Click Create then copy your key that is now shown on the screen.
5. If you’re using our WordPress plugin, go to Settings > earn web tech Theme Contentand paste your key into the Google Maps API Key field then click Save Changes. Otherwise, do similar according to the product you’re using.

Note: Google says it can take up to 5 minutes for your key to become active. We’ve heard reports of it taking 30 minutes or longer. Keep this in mind if your maps do not show right away.

How to Fix RefererNotAllowedMapError

RefererNotAllowedMapError is the most common error we’ve seen apart from not using a key. The console will also say, “Your site URL to be authorized”. It relates to Step 3 above when creating your key. Here’s how to fix the error.

  1. Go to https://console.developers.google.com/apis/credentials
  2. Click your API key’s name to edit its settings.
  3. Under Accept requests, make sure you have the two entries below (replacing yourname.com with your own domain). Type the first entry then hit enter on your keyboard to add it. Repeat to add the second entry. Having both entries (with asterisks) will help ensure your maps work on any URL of your website.
    yourname.com/*
    *.yourname.com/*

4. Click the Save button then wait a few minutes for the change to take effect (Google says it can take up to 5 minutes).

Tip: If you have multiple projects, make sure you are working with the correct one by using the dropdown at the top-right.

How to Fix ApiNotActivatedMapError

Google Maps has 16 different API’s at the time of writing. Yes, I said sixteen! The Google Maps JavaScript API is the most popular. Whichever API you are using, it’s possible that it is not enabled in your account. Let’s fix the ApiNotActivatedMapError error by enabling the API you’re using.

  1. Go to https://console.developers.google.com/apis/library
  2. Under “Google Maps API’s”, click “More” to see all API’s.

4. Click the API you’re using. Our themes use the Google Maps JavaScript APIand Google Maps Static API.                   Your product may use something different but the JavaScript API is most common.                                                            5. Click the Enable button at the top and wait a few minutes for the changes to take effect (Google says changes can take up to 5 minutes).

5.Repeat for other API’s you’re using (remember, our themes use the Google Maps JavaScript API and Google              Maps Static API).

Tip: If you’re using a different product than ours, you may need to enable a different API. If you’re unsure which API to enable, you can try enabling all of them (or ask your provider).

How to Fix InvalidKeyMapError

InvalidKeyMapError simply means the key you implemented is wrong. In other words, you created it but did not enter it into your website correctly.

  1. Go to https://console.developers.google.com/apis/credentials
  2. Copy your key.

If you’re using our WordPress plugin, go to Settings > earn web tech Theme Content and paste your key into the Google Maps API Key field then click Save Changes. Otherwise, do similar according to the product you’re using.

 

, , ,

Step by step instructions to Change WordPress Permalink With 301 Perma Redirection

More often than not, a blogger when begins with a self-facilitated WordPress blog, he disregards changing WordPress permalinks. Also, at the later stage, to change WordPress permalink, we need to do numerous things to ensure permalink change is 301 redirection.

WordPress is web crawler cordial Blogging stage yet with regards to the permalink, default permalink is revolting and doesn’t increase the value of general blog SEO.

  • For example earnwebtech.com/?p=123 (Default and Ugly)
  • earnwebtech.com/free-wordpress-blog-set-up (Pretty and SEO friendly)

Needless to say, a search engine friendly permalink will be helpful to increase your search engine traffic. If you just installed WordPress, you can simply change your WordPress permalink to anything:

  • /%post_id%/%postname%/
  • /%postname%/
  • /%year%/%monthnum%/%day%/%postname%/

what’s more, numerous more blends. Despite the fact that I favor the first as it aides in quicker stacking of your blog and in the event that you are running a news website and wish to get highlighted on Google News, permalink with numbers is compulsory. Presently the issue is whether you are running a WordPress blog and you change permalink now, your old posts will give 404 blunders.

In spite of the fact that WordPress handles the permalink revamp inside yet because of authorization issues, you won’t have the capacity to change it straightforwardly and here is a fast Workaround that worked for me and I effectively changed the permalink of my iPhone blog from/%postname%/to/%post_id%/%postname%/.

One of the most seasoned approach to change your WordPress permalink in web crawler well disposed way is by utilizing Dean’s permalink relocation module, however when I attempted this module today, it didn’t work for me, and I understand the module has not been redesigned from long.

So here is an option and essential strategy that you can use to change WordPress permalink without 404 mistakes and most critical it will web search tool inviting.

How to change WordPress Permalink Structure:

Login to your FTP account and change the permission of the .htaccess file to 777.
Go toSettings > Permalink under WordPress dashboard and change your permalink to custom permalink and enter your desired permalink structure. More on SEO friendly WordPress permalink structure on another post, but you can quickly grab more info on WordPress permalink from official page
Click on update and open any link from the search engine. You can search using site:domain.com in Google and open link and see if it’s getting redirected to new permalink structure or giving 404 error.
In most of the client site which I worked, this method worked to make search engine friendly permalink migration. Now change your .htaccess file permission back to 644.

How to check if Permalink redirection is 301 redirection:

This is the most obvious question you might be having after making changed into your permalink. Go to any of these sites and insert the link with the old permalink and it will show you if the redirection is 301 (search engine friendly) or not.
Here is a screenshot of my redirection and you can quickly check it’s a 301 redirection: