1. Login to https://app.fibotalk.com/ application.
   
   
2. Go to “Quick Links” > “Get Started”. Click on “Copy Code”.
   
   
3. Go to Google Tag Manager > click on “Tags”.
   
   
4. Click on “New”.
   
   
5. Select “Custom HTML”
   
   
6. Put the code in a text box as shown in screenshot. In “Advanced Settings” > “Tag firing options”, choose “Once per page”.
   
   
7. Save the tag.
   
   

For passing User Information:

Where you get the user information in the login/signup page, pass the user information to the “fibotalk” window variable like:

window.fibotalkSettings = {
  user: {
  userId (mandatory): <unique user identification>,
    name: “User’s name”,
    email: “email info”
  },
  account: {
    accountId (mandatory): <unique account identification>,
    accountName: “account’s name”,
  },
};

You can pass fibotalkSettings to the GTM dataLayer also by using following steps:

• Create a new dataLayer variable in your GTM.
  
  
  
  
  
  
  
  
  
• Save the changes and Publish to live.
  
• Pass the fibotalkSettings to window.dataLayer in your code

var user = {
  user: {
  userId (mandatory): ,
    name: “User’s name”,
    email: “email info”
  },
  account: {
    accountId (mandatory): ,
    accountName: “account’s name”,
  },
};
window.dataLayer.push({fibotalkSettings: user});

*****window.fibotalkSettings has higher priority than dataLayer. Only if there is no window.fibotalkSettings, dataLayer will be used.*****