Connecting other social networks

How to connect your website or blog to Metricool

Updated 4 months ago

How does it work?

You need to Ā install our Metricool tracking code to collect the data from your website or blog. The data will be collected from that moment onwards; it would not be possible to retrieve previous data.

This is a JavaScript code that runs in the browser and makes an asynchronous call to a Metricool service that records the visit. The country and the viewed page are detected through the IP.

The tracker does not execute cookies.

Once the website is connected you will be able to immediately visualize the visits in real time and in 24 hours you will be able to consult the analytics of your website.

It is possible that the name of the website is not displayed correctly when connected, but it will be updated in 24 hours.

šŸ‘€Considerations

  • Canva websites do not support Metricool's tracking code.

  • The tracking pixel option does not collect all blog metrics.

Connect a Website

To connect your website with Metricool:

  1. Click the top-right menu and select Connections.

  2. Click Connect website.

  1. Choose the type of connection you want to use: WordPress, JavaScript tracking tag, or Tracking pixel

  1. Copy the tracking code generated by Metricool.

  2. Add it to your website by following the instructions for the option you selected.

  3. Go back to Metricool and click Verify connection.

  4. To complete verification, visit your website so Metricool can detect the installation.

Once the verification process is complete, your website will be connected to Metricool. From that moment on, youā€™ll be able to view visits in real time.

Analytics data will be available starting the day after the connection. Until then, your domain may not appear updated yet.

If youā€™ve completed the connection and no data appears after 24 hours, check this article I have connected the web / blog but no data appears

Next, weā€™ll explain how to complete the connection based on the option you selected.

Option 1: WordPress

For WordPress.org sites, install the official Metricool plugin to connect without editing code.

  1. In WordPress, go to Plugins > Add New and upload the metricool.zip file. Alternatively, upload the unzipped folder via FTP to /wp-content/plugins/.

  2. Activate the plugin from the Plugins menu in WordPress.

  3. Follow the plugin onboarding to link your site and start tracking.

Please make sure you are visiting your website as a non-authenticated user or using an incognito window since we prevent internal traffic tracking.

If you are unable to verify the connection, try to Clear Your Siteā€™s Cache.

Option 2: JavaScript tracking code

Use this option to connect your website if you use a platform such as Shopify, Wix, Blogger, Prestashop, SitioSimple, or Squarespace.
Add the Metricool code in a global location on your website, such as the header (<head>), footer, or custom code section, so it loads on all pages and you can measure visitor activity.

Check the steps based on the platform you use:

Option 3: Tracking pixel without JavaScript

Use this option if your website does not allow you to add JavaScript code, as is the case with WordPress.com.
Keep in mind that this option has limited functionality: Metricool will only be able to collect visits and geographic data.

Blog Connection

When you connect the website, if the blog has an RSS Feed configured, Metricool will automatically detect it and a new box will appear with the blog connection and the feed URL underneath.

We will display the history of blog posts based on the configuration of your RSS feed. In other words, limits can be set to display a list (for example, 50 posts); our code will be limited to reading the information we obtain.

In case it does not connect automatically or the feed is not configured at that moment, it can be done manually from the connections panel.

Manage your website connection

Edit Domain Name

Once the connection is complete, you can edit the website domain by clicking the pencil icon. Keep in mind that editing only changes the displayed name but will not modify the website associated with the installed tracker. Refer to the section Change the connected website if you need to modify it.

Exclude own visits

Own visits can be excluded from the Real-Time menu > Exclude visits.
If there are multiple IPs, you need to exclude visits from each of them.

Additionally, in the same menu, you have the option to display the complete URLs and enable auto-refresh.

Disconnect a website

If you need to disconnect a website, then you must remove our tracking code from that website. It may take a few days to complete the disconnection if any residual visits occur due to the code being stored in the browser's cache.

Change the connected website

If you want to monitor another site, you can use the same code for the new site, you must delete the code from the website that you no longer want to monitor beforehand.
Please note that the data history of the disconnected website will not be deleted. Also, it is normal that for a couple of days some data will still be collected from the disconnected website.

Remember that when you change the tracking code to another website, you will be able to see the real time visits immediately, ohwever, you'll need to wait for a period of 24 hours before accessing the analytics for the new website. The domain will also be updated after 24 hours.

JavaScript code installation guides by platform

If you chose the JavaScript tag option, check the steps based on the platform you use.

Shopify

  1. Go to your Shopify dashboard.

  2. Go to Online Store > Themes.

  3. In the active theme, click Actions > Edit code.

  4. In the Layout folder, open the theme.liquid file.

  5. Find the </head> tag.

  6. Paste the Metricool code just before </head>.

  7. Click Save.

Wix

  1. Access your Wix dashboard.

  2. Go to Settings > Custom Code.

  3. Click + Add Custom Code.

  4. Paste the Metricool code.

  5. Add a name to identify it.

  6. In Add code to pages, select All pages.

  7. In code placement, select Head.

  8. Click Apply.
    Important: make sure your site is published and has a connected domain.

Google Tag Manager

  1. Go to Google Tag Manager.

  2. Create a new tag.

  3. In tag type, select Custom HTML.

  4. Paste the Metricool code.

  5. In triggering, select All Pages.

  6. Save and publish the changes.

SitioSimple

  1. Go to your SitioSimple dashboard.

  2. Go to Site > Settings > Integrations & App > Custom code.

  3. Paste the Metricool code in the Head field.

  4. Save the changes.
    After saving, Metricool will start collecting data from your website.

Squarespace

  1. Go to your Squarespace dashboard.

  2. Go to Settings > Website Tools > Code Injection.

  3. In the Header section, paste the Metricool code.

  4. Save the changes.
    Important: code injection may be limited depending on your Squarespace plan. You can find more information on their official website.

Was this helpful?
Was this helpful?