← Tools & Integrations

Typedream x Pinterest Business

A guide on how to get analytics data from your site

Analytics

How does this integration work?

background

First, create a website on Typedream

background

Second, add Pinterest conversion tag via Custom Code Injection

background

Then, track your website visitors activities

Uses.

Track your website

Conversions tracking lets you see what a user does on your websites, in your mobile apps, or in your physical stores. When you share your users’ conversion data with Pinterest, Pinterest is able to provide you insights that will help you evaluate your ads' effectiveness and improve the content, targeting, and placement of future ads.

Adding Pinterest Business Conversion Campaign to Typedream.

Step 1

Create a Pinterest Business account
Go to ads.pinterest.com

Step 2

Go to Ads > Create campaign
Choose Manual campaign and click Get Started
Choose Conversions > Set up conversion data

Step 3

Select Get started
Skip the first step
Copy the base code
Go to your Typedream editor and open Site Settings > Code Injection
Paste the code in the Site Header

Do not close the Site Settings.

Go back to Pinterest and click Continue
Set up your automatic enhanced match and click Continue
Scroll through Install the event code page until you find the code for PageVisit and copy the code

Do not click Done just yet. These series of codes are what you need for Step 4.

Go back to Typedream
Paste the code in the Site Header below the code you've previously pasted
Click Update Settings

Step 4

Step 4 is specific for buttons tracking. Use this steps if you want to track your buttons. For example, you can track how many times Item A is added to the cart by adding a tracker on your Add to Cart button.

Create a button in Typedream
On the right editor menu, go to Advance tab > Attributes
On the key dropdown menu, choose id. Type in whatever name you want this button to be called.
Open Site Settings > Code Injection
Paste the code below in the Site Body
<script>  const checkoutButtonID = "track-button";  window.onload = () => {    var button = document.getElementById(checkoutButtonID)    const trackClick = () => {        console.log("Button Checkout Click");        pintrk('track', 'checkout', {            value: 100,            order_quantity: 1,            currency: 'USD'        });    }        button.addEventListener("click", trackClick)}</script>
Pay attention to these parts:
  1. const checkoutButtonID = "track-button" “track-button” is where you need to fill in your button’s id.
  2. Change this part accordingly to the button you want to track. Use the codes that were on the Install the event code page (see Step 3).
pintrk('track', 'checkout', {            value: 100,            order_quantity: 1,            currency: 'USD'        });
Keep adding the codes until you have all the buttons that you want to track. For example, if I want to track Check out button and Add to Cart button:
<script>  const checkoutButtonID = "track-button";  window.onload = () => {    var button = document.getElementById(checkoutButtonID)    const trackClick = () => {        console.log("Button Checkout Click");        pintrk('track', 'checkout', {            value: 100,            order_quantity: 1,            currency: 'USD'        });    }    button.addEventListener("click", trackClick)}</script><script>  const checkoutButtonID = "track-button-2";   window.onload = () => {    var button = document.getElementById(checkoutButtonID)    const trackClick = () => {        console.log("Button Checkout Click");        pintrk('track', 'addtocart', {						value: 100,						order_quantity: 1,						currency: 'USD'				});    }    button.addEventListener("click", trackClick)}</script>
Click Update Settings

Adding Pinterest tag to your website can take up to 24hrs for Pinterest to read it. After that, you can track your website's activities on Pinterest Business by going to Ads > Conversions > Event History

Done!

But wait, what's Pinterest Business?

On Pinterest, people feel safe to explore new ideas and try new things. They’re looking for inspiration—and they’re looking for you. To get started, you’ll need a Pinterest business account. It’s free to sign up, and you’ll get access to special content formats, custom analytics and more.

background

Start building your dream site today.

The world needs to see your awesome idea.








We're a remote software company, building online tools for creators, builders, and side hustlers. We quit our 9-5 to pursue our dreams, and we want to help others do the same.

Typedream - No-code site builder, easy as Notion, pretty as Webflow | Product Hunt

Backed by

Copyright © 2023 Govest, Inc. All rights reserved.

Made in Typedream