Tracking Marketo Form Submissions using Google Tag Manager

Standard

 Marketo Adword Conversion Tracking and Form Submission as Event Tracking in Google Analytic using Google Tag Manager

Recently once of client ask me to implement Marketo Form Submissions using Google Tag Manager, once I looked marketo form and submitted see chance track to write a custom javascript using Google Tag Manager. 

I have tried with custom Javascript started successfully Marketo Form Submissions using Google Tag Manager,who does not have know custom javascript very difficult track marketo form submission using Google Tag Manager.

1. First Install Google Tag Manager on Your Marketo Adword Conversion Tracking and Form Submission as Event Tracking in Google Analytic using Google Tag Manager

Paste this code as high in the <head> of the page as possible:
 
<!– Google Tag Manager –>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({‘gtm.start’:
new Date().getTime(),event:’gtm.js’});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!=’dataLayer’?’&l=’+l:”;j.async=true;j.src=
‘https://www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,’script’,’dataLayer’,’GTM-XXXX’);</script>
<!– End Google Tag Manager –>
 
Additionally, paste this code immediately after the opening <body> tag:
 
<!– Google Tag Manager (noscript) –>
<noscript><iframe src=”https://www.googletagmanager.com/ns.html?id=GTM-XXXX”
height=”0″ width=”0″ style=”display:none;visibility:hidden”></iframe></noscript>
<!– End Google Tag Manager (noscript) –>
 

Note: Make you will replace GTM Tracking Code with your GTM ID XXXXX

2. It’s time to verify Google Analytic Tracking form submissions using Google Tag Manager

Tracking Marketo Forms in Google Tag Manager

Warning: If you do n’t know about javascript or do n’t have developing knowledge then do n’t try to Google Analytics Marketo Form Submissions using Google Tag Manager without any plugins that can broke your site, Cart and other functionality 

Disclaimer: Google tag manager belongs to Google property  For Contact: mappchero@gmail.com

I am available for Hire on Freelancer: Freelancer.com

I am available for Hire on Upwork: Upwork.com

I am available for Hire on Peopleperhour: Peopleperhour.com

I am available for Hire on Guru: Guru.com

Product Schema Code not detected with Structure Data Testing Tool using Google Tag Manager

Standard

Recently once client told me they want to implement schema code using Google Tag Manager, they have already tried but not succeed, he does not know what issue, but he said very easy to implement schema through Google Tag Manager, so many article written on internet but he does not know why it’s not able verify using structure data testing tool.

Product Schema is a specific type of structured data markup that can be added to a webpage to provide search engines with additional information about a product being sold on the page. This information can include the product’s name, price, image, availability, and other details.

When search engines understand the content on a page, they can display it in a more useful way, such as providing rich snippets in the search results that include the product’s name, image, and price.

Product Schema is based on the schema.org vocabulary, which is a set of tags and attributes that can be used to mark up content on a webpage. When these tags are added to a webpage, they create a structured data object that can be understood by search engines. By using Product Schema, you can help search engines understand the products on your site and show them in an enhanced way in the SERP(Search Engine Result Page).

To add product schema using Google Tag Manager, you can create a custom HTML tag and include the following JSON-LD code within it:

<script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "Product",
  "name": "Product Name",
  "image": "https://example.com/product-image.jpg",
  "description": "Product Description",
  "offers": {
    "@type": "Offer",
    "priceCurrency": "USD",
    "price": "19.99",
    "availability": "https://schema.org/InStock",
    "url": "https://example.com/product-page"
  }
}
</script>

You can use the Google Tag Manager’s Data Layer variables to pass the values dynamically.

Then you can set up a trigger to fire the tag on the appropriate pages, such as product pages.

Please note that the above code is just an example, and you will need to replace the placeholder values (such as “Product Name” and “19.99”) with the actual values for your products. Additionally, you can add more properties as per your requirement.

If your Product Schema is not being detected, there are a few things you can check to troubleshoot the issue:

  1. Verify that your schema markup is properly formatted and contains all required properties.
  2. Check that the schema is correctly implemented on the relevant pages of your website.
  3. Test the markup using Google’s Structured Data Testing Tool to see if there are any errors or warnings.
  4. If you are using a content management system (CMS), make sure that the schema is not being stripped or modified by the CMS.
  5. Check if the page has been indexed by google and also check the robots.txt file if it’s blocking any page.
  6. Check if the website is using any form of redirection, which might affect the schema.

7. A Content Security Policy (CSP) is a security feature that helps prevent cross-site scripting (XSS) and other code injection attacks by specifying which sources of content are allowed to be loaded by a web page. If a CSP is set, any resources (such as scripts, images, or stylesheets) that are not explicitly allowed by the CSP will not be loaded by the browser.

If your CSP is preventing you from enabling the Google Tag Manager schema code, you will need to modify the CSP to include the necessary resources. This can typically be done by adding the appropriate domains or scripts to the “script-src” or “connect-src” directives of the CSP.

For example, if your CSP currently looks like this:

Content-Security-Policy: default-src 'self';

You can add the Google Tag Manager script by adding this line:

Content-Security-Policy: default-src 'self'; script-src 'self' www.googletagmanager.com
 

It’s important to keep in mind that a strict CSP will make your website more secure, but it can also make it more difficult to add new features or scripts. It’s a balance between security and functionality.

You should also consult with your development team or website administrator to ensure that any changes you make to the CSP do not negatively impact the functionality or security of your website.

If none of these steps resolve the issue, you may need to seek further assistance from a developer or technical SEO expert.

Warning: If you do n’t know about javascript or do n’t have developing knowledge then do n’t try to Product Schema Code not detected with Structure Data Testing Tool using Google Tag Managerthat can broke your site, Cart and other functionality 

Disclaimer: Google tag manager belongs to Google property 

For Contact: mappchero@gmail.com

I am available for Hire on Freelancer: Freelancer.com

I am available for Hire on Upwork: Upwork.com

I am available for Hire on Peopleperhour: Peopleperhour.com

I am available for Hire on Guru: Guru.com  

Setup Ecommerce Tracking for Donation Form using Google Tag Manager

Standard

Set up eCommerce Tracking tracking for The Donation/Charity Form using Google Tag Manager

Recently once client ask me they want track ecommerce tracking donation form and charity form based ecommerce tracking using Google Tag Manager, Once I looked this website , I asked I want  to make a test order  to see based on that I will make require to tags and trigger to see ecommerce tracking in Google Analytic using Google Tag Manager without touching code of Donation Form.

Challenge here to track ecommerce for Donation/Charity form using Google Tag Manager 

  1. Order id is not showing most of donation form website 
  2. Most time does not redirect to another page and showing message on pop up 
  3. Require to identify quantity and Product Name 
  4. Make trigger on Success message and Success Page for eCommerce Tracking using Google Tag Manager

Donation Form for Ecommerce Tracking

Integrate Google Analytics Ecommerce Tracking for Your Donation Form Page

To Implement Ecommerce for Donate/Charity Form using Google Tag Manager using Custom Javascript with touching code

1. First Install Google Tag Manager on Your Donation/Charity Form for Set Up Ecommerce using Google Tag Manager

Paste this code as high in the <head> of the page as possible:
<!– Google Tag Manager –>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({‘gtm.start’:
new Date().getTime(),event:’gtm.js’});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!=’dataLayer’?’&l=’+l:”;j.async=true;j.src=
‘https://www.googletagmanager.com/gtm.js?id=’+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,’script’,’dataLayer’,’GTM-XXXX’);</script>
<!– End Google Tag Manager –>
Additionally, paste this code immediately after the opening <body> tag:
<!– Google Tag Manager (noscript) –>
<noscript><iframe src=”https://www.googletagmanager.com/ns.html?id=GTM-XXXX”
height=”0″ width=”0″ style=”display:none;visibility:hidden”></iframe></noscript>
<!– End Google Tag Manager (noscript) –>

Note: Make you will replace GTM Tracking Code with your GTM ID XXXXX

2. It’s time to verify Google Analytic eCommerce Tracking tracking for The Donation/Charity Form using Google Tag Manager

Warning:if you do n’t know about javascript or don’t have developing knowledge then do n’t try to Set up eCommerce Tracking tracking for The Donation/Charity Form using Google Tag Manager a custom javascript without using Any plugin that can broke your site, Cart and other functionality 

Disclaimer: Google tag manager belongs to Google property 

For Contact: mappchero@gmail.com

I am available for Hire on Freelancer: Freelancer.com

I am available for Hire on Upwork: Upwork.com

I am available for Hire on Peopleperhour: Peopleperhour.com

I am available for Hire on Guru: Guru.com No Fields Found.