Embed Script

Website Start A Free Trial Request A Feature

Last updated 28 days ago

Was this helpful?

The "Embed Script" section will be used to add a custom script you want to display on the employer and candidate panel.

The Embed Script feature in Artha Job Board allows you to enhance the functionality of your platform by adding custom JavaScript and third-party integrations. Follow this to make the most of this feature.

1. Overview of the Embed Script Fields

The Embed Script page provides three fields to add custom scripts:

Header Script: Use this field to insert scripts that need to load in the <head> section of your pages, such as metadata-related JavaScript links.
Body Script (Top): Add scripts that need to execute at the top of the <body> section. Typically used for critical third-party tools that must load early, such as Google Tag Manager or analytics tools.
Body Script (Bottom): Add scripts that can load later in the page lifecycle, like non-essential widgets or chatbots.

2. Common Use Cases

A. Adding Third-Party Analytical Tools (e.g., Google Analytics, Facebook Pixel)

Google Analytics:
1. Copy the Google Analytics script provided by your Google Analytics account.
2. Paste the script into the Header Script field for immediate tracking initialization.
Facebook Pixel:
1. Obtain the pixel code from your Facebook Business Manager account.
2. Insert it into the Header Script or Body Script (Top) field, as recommended by Facebook.

B. Integrating Google Tag Manager (GTM)

Navigate to your GTM account and copy the provided header and body scripts.
Paste the header code into the Header Script field.
Paste the body code into the Body Script (Top) field.
Save the changes and ensure your GTM setup is working by previewing your website.

C. Embedding Third-Party Chatbots

Obtain the embed script for your chatbot (e.g., Intercom, Drift, or Tidio).
Place the script into the Body Script (Bottom) field to allow it to load after your page content.

D. A/B Testing Tools

Integrate tools like Google Optimize, Optimizely, or VWO to run A/B or multivariate tests on your job board pages.
Add the script in the Header Script field to enable testing immediately when the page loads.

E. Heatmaps and Session Recordings

Use tools like Hotjar, Crazy Egg, or Microsoft Clarity to analyze user behavior through heatmaps and session recordings.
Paste the tracking script into the Body Script (Top) field.

F. Advertising and Retargeting

Add retargeting scripts for platforms like Google Ads, LinkedIn Ads, or Twitter Ads to reach users who have visited your job board.
Insert the retargeting pixel in the Header Script field.

G. Custom Event Tracking

Implement custom event tracking for specific actions (e.g., job application clicks, form submissions) using a tool like Google Analytics or custom JavaScript.
Add the script in the Body Script (Top) or Body Script (Bottom) fields based on the timing required.

H. SEO Enhancements

Add structured data scripts (e.g., JSON-LD for job postings) to improve how search engines understand your job board content.
Place structured data scripts in the Header Script field.

Example:

<script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "JobPosting",
  "title": "Software Engineer",
  "description": "We are looking for a Software Engineer to join our team...",
  "datePosted": "2024-12-27",
  "employmentType": "FULL_TIME",
  "hiringOrganization": {
    "@type": "Organization",
    "name": "Your Company"
  },
  "jobLocation": {
    "@type": "Place",
    "address": {
      "@type": "PostalAddress",
      "addressLocality": "City",
      "addressRegion": "State",
      "addressCountry": "Country"
    }
  }
}
</script>

I. Accessibility Tools

Integrate third-party accessibility tools like UserWay, EqualWeb, or AccessiBe to ensure compliance with accessibility standards (e.g., WCAG, ADA).
Add the tool's script to the Body Script (Top) or Bottom field.

J. Live Chat and Helpdesk Integration

Add live chat solutions like Zendesk Chat, LiveChat, or HubSpot Conversations to enhance user engagement and provide instant support.
Paste the script in the Body Script (Bottom) field.

K. Newsletter Signup Pop-Ups

Add scripts for pop-up forms from email marketing tools like Mailchimp, ConvertKit, or ActiveCampaign to capture email leads.
Insert the pop-up code in the Body Script (Bottom) field.

L. Social Proof Widgets

Use tools like FOMO or Proof to show notifications about recent user actions (e.g., applications submitted) to encourage others to take action.
Add the widget script to the Body Script (Bottom) field.

M. Content Personalization Tools

Implement tools like Dynamic Yield or Qubit to deliver personalized content to users based on their behavior or preferences.
Insert the personalization script in the Body Script (Top) field.

N. Monitoring and Uptime Tools

Add monitoring tools like Pingdom or New Relic to track the uptime and performance of your job board.
Place the monitoring script in the Header Script or Body Script (Bottom) field.

O. Cookie Consent and GDPR Compliance Tools

Integrate cookie consent tools like Cookiebot or OneTrust to manage GDPR and CCPA compliance.
Paste the tool's script in the Header Script field.

3. Best Practices

Use Google Tag Manager (GTM):
1. GTM allows you to manage all scripts from one platform, reducing the need for manual updates in the Embed Script fields.
Test Scripts:
1. Before applying a script to your live site, test it in a staging environment to ensure compatibility.
Optimize Performance:
1. Avoid adding unnecessary scripts that might slow down your page load time.
2. Use asynchronous or deferred loading for non-critical scripts whenever possible.
Security:
1. Only add trusted scripts from reliable sources to avoid potential vulnerabilities.

4. How to Use the Feature

Log in to your Artha Job Board admin panel.
Navigate to Manage Portal > Embed Script.
Add the desired scripts into the respective fields:
1. Header Script
2. Body Script (Top)
3. Body Script (Bottom)
Click Save to apply your changes.
Refresh your website and verify the scripts are working as intended.

5. Troubleshooting

Scripts Not Working:
- Check for syntax errors in your code.
- Ensure the script URLs are accessible and not blocked.
Website Performance Issues:
- Use browser developer tools to identify slow-loading scripts.
- Remove or optimize problematic scripts.
Need Help?:
- Contact our support team for assistance with script integration.

6. Example Scenarios

Example 1: Adding Google Analytics

<script async src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag() { dataLayer.push(arguments); }
  gtag('js', new Date());
  gtag('config', 'GA_TRACKING_ID');
</script>

Place the above code in the Header Script field.

Example 2: Embedding a Chatbot

<script>
  window.intercomSettings = {
    app_id: "YOUR_APP_ID"
  };
</script>
<script>(function() {
  var w = window;
  var ic = w.Intercom;
  if (typeof ic === "function") {
    ic('reattach_activator');
    ic('update', intercomSettings);
  } else {
    var d = document;
    var i = function() {
      i.c(arguments);
    };
    i.q = [];
    i.c = function(args) {
      i.q.push(args);
    };
    w.Intercom = i;
    var l = function() {
      var s = d.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = 'https://widget.intercom.io/widget/YOUR_APP_ID';
      var x = d.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    };
    if (w.attachEvent) {
      w.attachEvent('onload', l);
    } else {
      w.addEventListener('load', l, false);
    }
  }
})();
</script>

Insert this code into the Body Script (Bottom) field.

By following this, you can maximize the functionality of the Embed Script feature in the Artha Job Board, enhancing your platform with powerful integrations and customizations.

Last updated 28 days ago

Was this helpful?

Embed Script

The "Embed Script" section will be used to add a custom script you want to display on the employer and candidate panel.

1. Overview of the Embed Script Fields

The Embed Script page provides three fields to add custom scripts:

Header Script: Use this field to insert scripts that need to load in the <head> section of your pages, such as metadata-related JavaScript links.
Body Script (Top): Add scripts that need to execute at the top of the <body> section. Typically used for critical third-party tools that must load early, such as Google Tag Manager or analytics tools.
Body Script (Bottom): Add scripts that can load later in the page lifecycle, like non-essential widgets or chatbots.

2. Common Use Cases

A. Adding Third-Party Analytical Tools (e.g., Google Analytics, Facebook Pixel)

Google Analytics:
1. Copy the Google Analytics script provided by your Google Analytics account.
2. Paste the script into the Header Script field for immediate tracking initialization.
Facebook Pixel:
1. Obtain the pixel code from your Facebook Business Manager account.
2. Insert it into the Header Script or Body Script (Top) field, as recommended by Facebook.

B. Integrating Google Tag Manager (GTM)

Navigate to your GTM account and copy the provided header and body scripts.
Paste the header code into the Header Script field.
Paste the body code into the Body Script (Top) field.
Save the changes and ensure your GTM setup is working by previewing your website.

C. Embedding Third-Party Chatbots

Obtain the embed script for your chatbot (e.g., Intercom, Drift, or Tidio).
Place the script into the Body Script (Bottom) field to allow it to load after your page content.

D. A/B Testing Tools

Integrate tools like Google Optimize, Optimizely, or VWO to run A/B or multivariate tests on your job board pages.
Add the script in the Header Script field to enable testing immediately when the page loads.

E. Heatmaps and Session Recordings

Use tools like Hotjar, Crazy Egg, or Microsoft Clarity to analyze user behavior through heatmaps and session recordings.
Paste the tracking script into the Body Script (Top) field.

F. Advertising and Retargeting

Add retargeting scripts for platforms like Google Ads, LinkedIn Ads, or Twitter Ads to reach users who have visited your job board.
Insert the retargeting pixel in the Header Script field.

G. Custom Event Tracking

Implement custom event tracking for specific actions (e.g., job application clicks, form submissions) using a tool like Google Analytics or custom JavaScript.
Add the script in the Body Script (Top) or Body Script (Bottom) fields based on the timing required.

H. SEO Enhancements

Add structured data scripts (e.g., JSON-LD for job postings) to improve how search engines understand your job board content.
Place structured data scripts in the Header Script field.

Example:

<script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "JobPosting",
  "title": "Software Engineer",
  "description": "We are looking for a Software Engineer to join our team...",
  "datePosted": "2024-12-27",
  "employmentType": "FULL_TIME",
  "hiringOrganization": {
    "@type": "Organization",
    "name": "Your Company"
  },
  "jobLocation": {
    "@type": "Place",
    "address": {
      "@type": "PostalAddress",
      "addressLocality": "City",
      "addressRegion": "State",
      "addressCountry": "Country"
    }
  }
}
</script>

I. Accessibility Tools

Integrate third-party accessibility tools like UserWay, EqualWeb, or AccessiBe to ensure compliance with accessibility standards (e.g., WCAG, ADA).
Add the tool's script to the Body Script (Top) or Bottom field.

J. Live Chat and Helpdesk Integration

Add live chat solutions like Zendesk Chat, LiveChat, or HubSpot Conversations to enhance user engagement and provide instant support.
Paste the script in the Body Script (Bottom) field.

K. Newsletter Signup Pop-Ups

Add scripts for pop-up forms from email marketing tools like Mailchimp, ConvertKit, or ActiveCampaign to capture email leads.
Insert the pop-up code in the Body Script (Bottom) field.

L. Social Proof Widgets

Use tools like FOMO or Proof to show notifications about recent user actions (e.g., applications submitted) to encourage others to take action.
Add the widget script to the Body Script (Bottom) field.

M. Content Personalization Tools

Implement tools like Dynamic Yield or Qubit to deliver personalized content to users based on their behavior or preferences.
Insert the personalization script in the Body Script (Top) field.

N. Monitoring and Uptime Tools

Add monitoring tools like Pingdom or New Relic to track the uptime and performance of your job board.
Place the monitoring script in the Header Script or Body Script (Bottom) field.

O. Cookie Consent and GDPR Compliance Tools

Integrate cookie consent tools like Cookiebot or OneTrust to manage GDPR and CCPA compliance.
Paste the tool's script in the Header Script field.

3. Best Practices

Use Google Tag Manager (GTM):
1. GTM allows you to manage all scripts from one platform, reducing the need for manual updates in the Embed Script fields.
Test Scripts:
1. Before applying a script to your live site, test it in a staging environment to ensure compatibility.
Optimize Performance:
1. Avoid adding unnecessary scripts that might slow down your page load time.
2. Use asynchronous or deferred loading for non-critical scripts whenever possible.
Security:
1. Only add trusted scripts from reliable sources to avoid potential vulnerabilities.

4. How to Use the Feature

Log in to your Artha Job Board admin panel.
Navigate to Manage Portal > Embed Script.
Add the desired scripts into the respective fields:
1. Header Script
2. Body Script (Top)
3. Body Script (Bottom)
Click Save to apply your changes.
Refresh your website and verify the scripts are working as intended.

5. Troubleshooting

Scripts Not Working:
- Check for syntax errors in your code.
- Ensure the script URLs are accessible and not blocked.
Website Performance Issues:
- Use browser developer tools to identify slow-loading scripts.
- Remove or optimize problematic scripts.
Need Help?:
- Contact our support team for assistance with script integration.

6. Example Scenarios

Example 1: Adding Google Analytics

<script async src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag() { dataLayer.push(arguments); }
  gtag('js', new Date());
  gtag('config', 'GA_TRACKING_ID');
</script>

Place the above code in the Header Script field.

Example 2: Embedding a Chatbot

<script>
  window.intercomSettings = {
    app_id: "YOUR_APP_ID"
  };
</script>
<script>(function() {
  var w = window;
  var ic = w.Intercom;
  if (typeof ic === "function") {
    ic('reattach_activator');
    ic('update', intercomSettings);
  } else {
    var d = document;
    var i = function() {
      i.c(arguments);
    };
    i.q = [];
    i.c = function(args) {
      i.q.push(args);
    };
    w.Intercom = i;
    var l = function() {
      var s = d.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = 'https://widget.intercom.io/widget/YOUR_APP_ID';
      var x = d.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    };
    if (w.attachEvent) {
      w.attachEvent('onload', l);
    } else {
      w.addEventListener('load', l, false);
    }
  }
})();
</script>

Insert this code into the Body Script (Bottom) field.

By following this, you can maximize the functionality of the Embed Script feature in the Artha Job Board, enhancing your platform with powerful integrations and customizations.