Adding Tracking Codes and Custom Code

Tracking codes tell services such as Google Analytics and Facebook when people visit your website. You add them in the Site tracking settings. To add other code, such as a chat widget from another company, you use the Custom JS settings. Your changes go into a draft. They go on your live site after you publish.

Open the site settings

  1. Select Dashboard in the top menu.
  2. On the site card, select EDIT SITE. Site Edit opens with your homepage.
  3. Select Settings in the top bar, then select the Site tab.

The Settings panel on its Site tab

  1. Settings: Opens the Settings panel.
  2. Site: Shows the settings that apply to the whole site.

Scroll down the list to find Custom JS and Site tracking. If you want to add custom code, do that first, before you open Site tracking.

Add custom code

Use custom code to add a service that gives you a JavaScript snippet, such as a chat widget. Code that does not work correctly can break your site, so add only code from a source you trust.

  1. Select Custom JS.
  2. Turn on Are you sure you want to enable custom JS?. The code boxes appear.

The Custom JS settings

  1. Are you sure you want to enable custom JS?: Turns on custom code for your site and shows the code boxes.
  2. Enable custom JS in the website preview: Runs your code in the Site Edit preview too.
  3. Enable delay in loading custom JS: Loads your code after the page, so the page shows sooner.
  4. Head JS: Code that loads in the head of every page.
  5. Footer JS: Code that loads at the end of every page.

Paste the code that the service gives you into one of the boxes. If the service does not say where the code goes, use Footer JS.

Site Edit does not run your code in the preview unless you turn on Enable custom JS in the website preview. To see a chat widget or other code work, publish and then open your live site.

Add your Facebook codes

Select ‹ next to the panel title to go back to the list, then select Site tracking. It opens on the Social Media tab.

The Social Media tab of Site tracking

  1. Social Media: Shows the Facebook codes.
  2. Facebook Pixel ID: The ID of your Facebook (Meta) Pixel.
  3. Facebook App ID: The ID of your Facebook app.
  4. Google: Shows the Google codes.

Copy each ID from your Facebook (Meta) account and paste it into its box. Type only the ID, not the full code snippet.

Add your Google codes

Select the Google tab.

The Google tab of Site tracking

  1. Tracking ID: Your Google Analytics measurement ID.
  2. Disable triggering GA4 events: Stops Site Edit from sending Analytics events while you edit.
  3. Container ID: Your Google Tag Manager container ID.
  4. Conversion ID: Your Google Ads conversion ID.
  5. Conversion Label: Your Google Ads conversion label.
  6. Allow Placester to track traffic on this website: Lets Placester count visits to your site.

Fill in only the boxes for the services you use. Leave the other boxes empty.

Publish your changes

Each change goes into your draft. The draft bar at the bottom of Site Edit shows the number of changed site settings, with Discard and Publish. Select Publish to put the codes on your live site, or Discard to undo all of the draft.

For more about drafts, see Publishing and Discarding Drafts.

How did we do?

Showing Open Houses, Recent Sales and Coming-Soon Listings

Choosing a Page Type
#

Let experts do it for you

Visit our creative services marketplace to get on-demand help, on-time and on-budget.

Browse all Services
#

Are you looking for something different?

Didn't find an answer to your questions? Our support team is ready to help you.

Contact Support