Tealium Learning Center

david_bird · ‎06-15-2020

Hi @RahulChakole When Auto Link Tracking is set for Adobe Analytics, the Adobe Analytics Appmeasurement module takes control sensing any clicks on the page. Thus, on any visitor click, s.tl() is called which, after setting the linkObject, linkName and linkType, calls s.t(). Your extension will not run automatically without otherwise triggering Tealium. Should you need assistance with triggering your extension reach out to support@tealium.com. Thanks, David

david_bird · ‎06-01-2020

Hi Bernd, I believe this is occurring in your example because of the order of the tests. The .toString() on the undefined parameter is occurring before the test to see if it is defined. Ensure the 'is defined' test on the parameter is listed first in the conditions within your extension or JS code: If that doesn't work for you please file a ticket with support@tealium.com so we can take a look for you. Thanks, David

david_bird · ‎05-14-2020

Hi @sangmister, Without seeing the actual error messages I'll just throw this possibility out to you. An example of such an error might be Tealium will catch errors when a method is applied to a variable that is undefined. This will occur for any test on conditions within Load Rules and Extensions Best practice is to first test for the variable to be defined, e.g., Doing this will help to avoid these errors in the Console. Thanks, David

david_bird · ‎05-14-2020

Hi @anthony_nguyen, I've tried examining oportun.com but am not able to reproduce this error. I can see from the error that you are loading a local environment. If you have not resolved this, b ecause this is such a specific issue it would be worth raising a support ticket (support@tealium.com). Thanks, David

david_bird · ‎10-02-2019

Hi @mark_jaggers, I believe we answered this for you through the ticket you created. But for others referencing your question, here are some details. Tealium has not yet loaded any tags when the Explicit Consent dialog prompts. Thus, neither setting onHandler events or triggering a utag.view or utag.link call will work to trigger your Google Analytics tag. Explicit Consent The TiQ Client-Side Tools / Consent Management UI allows you to edit the JavaScript that executes the dialog. This JavaScript code can be accessed through the Edit button within the Content section of Explicit Consent Prompt. When opened, you have access to not only the JavaScript but also the HTML and CSS that is used for the pop-up. Here's an example of the JavaScript code, showing the content when first activating Explicit Consent, showing where you can set a flag when consent is given: There are various ways you might go about programming this. For example, a parameter can be set in the UDO when the visitor accepts consent. Then in an extension scoped to your Google Analytics tag, you could set event_category and event_action based on the content of your parameter. Consent Preferences The TiQ Client-Side Tools / Consent Preferences UI allows you to edit the JavaScript in a similar fashion. The JavaScript code is a bit more complicated since it manages the activation of tag by category. Once you identify the feedback you wish to capture through the Consent Preferences interaction, you could use a similar method to capture and then notify your tag of the outcome.

david_bird · ‎10-02-2019

Hi @cgullestrup , A selection for the code version is now available within the Adobe Experience Cloud ID Service Tag Configuration:

david_bird · ‎10-02-2019

Hi Mark, The Explicit Consent Prompt is not automatically tested through utag.sync. I have had clients add a check to see if the cookie CONSENTMGR exists and when consent is given, for example:

david_bird · ‎05-29-2018

This article describes the methods available to switch the publish environment of an installed Universal Tag (utag.js) file. In this article: Table of Contents Placeholder How it Works When you want to test changes on a particular site, but do not have access to the change the installed utag.js file, you can switch from the publish environment to another environment to test your changes. Switching environments is a safe way to test changes on your production site without publishing to the Prod environment. There are three (3) methods that can be used to switch environments: Use Web Companion Use the Tealium Tools Environment Switcher Place an Environment Cookie Web Companion The Web Companion method provides an interface with buttons that allow you to quickly view one of the default environments on a page. Use the following steps to change environments using Web Companion: Launch Web Companion. The Target Environment section displays the current environment in blue and the coded environment with the orange border. Example: On your production site, it will look like this: To change which environment gets loaded on the page, click Dev or QA and then click Refresh Page . and the page will refresh with the newly selected environment. Example: If you click QA, refresh the page, and then reopen Web Companion, you will see the following: The switched environment is only valid for your local session. Your production site is not affected. Tealium Tool: Environment Switcher When you launch the Environment Switcher, the current account and profile detected on the page displays, along with configuration tabs that allow you to adjust the switcher according to your input. Once you have the Environment Switcher available in Tealium Tools, use the following steps to launch it: Click the Tealium Tools icon in the upper right of the screen. Click the Home tab. Click Environment Switcher. The Environment Switcher configuration screen displays a set of configuration tabs. Follow the instructions outlined in the Environment Switcher article to configure the settings on each tab as desired. Place an Environment Cookie You can also change the environment by placing an environment cookie. Use the following steps to place an environment cookie: Open your browser console. Use the following command to place a cookie: document.cookie = "utag_env_ACCOUNT_PROFILE=//tags.tiqcdn.com/utag/ ACCOUNT/PROFILE/ENV/utag.js; path=/; domain=YOURSITE.com"; In the command line example, replace the variables as follows: ACCOUNT – Replace with your Tealium iQ account name PROFILE – Replace with your Tealium iQ profile name ENV – Replace with the environment to load (dev, qa, or "custom") YOURSITE – Replace with the domain name for your site After creating the cookie, refresh your browser to load the new environment.

david_bird · ‎05-10-2017

Hi @franzel, There are a couple of things you can try. 1) Mousedown vs. click In the event handler logic, if you are executing utag.link on a click, the other logic on the page may execute before the utag.link occurs. Try replacing the 'click' logic with 'mousedown'. This may trigger the utag.link prior to the page processing the href click. 2) The pixel is fired but you are not seeing it Without all the details this is a shot in the dark. If, for example, you are using Chrome and viewing the Network panel for verification of the pixel being sent, make sure the option Preserve Log checked to ensure the list remains intact when the new page loads. Let me know if either of these suggestions help. Thank you, David

david_bird · ‎05-18-2016

Hi @Srinivasan, I think we are going to need some more details to properly address your question. Feel free to reach out to your Account Manager to get a Solutions Engineer to help you with this. That way we can arrange a screen share and walk through getting this working for you. Thanks, David

david_bird · ‎05-11-2016

Hi @tglaittli, There are a few ways to do this. Let me share an approach I might use. My example assumes that you have jQuery loaded on your page. First is to determine the selector of the input element. I'm going to use an example from Tealium's Contact page and use the phone number input box that is available. However, the method is the same and you can apply this to your zip code example. Here is the example page: I've opened this in Chrome and activated the Developer Tools. Then, on the input box, right-clicked and selected Inspect in the pop-up window that displays. What you see in the image above is the results after selecting Inspect. This input box has an ID of 'Phone'. So the selector would be '#Phone'. To verify this is correct, you can add test the selector using jQuery('#Phone') through the Console: The response confirms that jQuery locates this input box as expected. Had this been incorrect, the Console would respond with '[ ]'. Your input element may not have an ID. If it has a class, then you can use the value of the class. jQuery uses '.' for classes (as you saw '#' is used for IDs). Using the class above is a bit trickier since there are spaces, which just get replaced with '.', resulting with jQuery('.mktoField.mktoTelField.mktoHasWidth.mktoRequired.mktoValid') If neither of those are available you can always use the name of the input box, as follows jQuery("input[name='Phone']") Now that we have jQuery targeted on the element of interest, the next step is to read the information within the text box. You can use the jQuery .val method. Applying that to my Phone number example, this results with: From here it depends on what you want to do with the value. You mention capturing it on a button click. You can use similar steps to find the ID or class of the button. From my example, there is a Submit button on the page. Repeating the above step, using Inspect, I find I can use class mktoButton: jQuery(".mktoButton") To combine these I'll demonstrate using in a Events jQuery onHandler extension. Here's an example using my Phone number input element: Note that I've created a Data Source 'customer_phone' to capture the value in my Phone input box. You could also create this in a Javascript extension. Here's an example: I've taken a shotgun approach to this. Your solution will depend on the configuration of your input element and submit button as well as the results to seek after you have captured the zip code. Let me know if this has helped. Thanks, David

david_bird · ‎05-05-2016

LOL. No worries! Just glad you got it solved.

david_bird · ‎05-05-2016

Just a quick note, there is no equal sign in that selector, should read a[href$="thompson_truck_case_study.pdf"] Could that be the issue?

david_bird · ‎05-05-2016

Hi @paul_elwood, I performed a simple test and it appears that the selector does work as you have described. The following line was added to a test HTML page: <a href="http://thisplace.com/item.pdf"">test href</a> Then in the Console, added the following jQuery statement to test your selector: jQuery('a[href$="item.pdf"]').on('mousedown',function(){ console.log('element with item.pdf clicked') ; }) When clicking on the link "test href" on the test page, the message "element with item.pdf clicked" displayed. Can you provide some additional detail? Are you seeing any errors? Are you attempting this through an onHandler extension? Thanks, David

david_bird · ‎03-17-2016

Hi @defelicemattia, Try using jQuery wildcards for your selector. Since edit-submitted-subscribe-to-promotions is the beginning of the ID, use jQuery('[id^=edit-submitted-subscribe-to-promotions]').change ... If you encounter or set up a different pattern, try this reference for other wildcards: http://www.w3schools.com/jquery/jquery_ref_selectors.asp Hope this helps. ~ David

david_bird · ‎03-16-2016

Hi @defelicemattia, Yes, you can use the 'custom' Tracking Event option in the jQuery onHandler extension. Then supply the code within the JavaScript field to gather the information needed for the utag.link/utag.view call, including the status of your checkbox. I think we are going to need some more context in order to supply any details. Feel free to reach out to your Account Manager if you want to talk to an engineer over the phone about the specifics. Thanks, David

david_bird · ‎03-15-2016

Hello @defelicemattia, To test the value of the checkbox, you could look at it's property. So, for the previous example, using the checkbox with id=cbemail $("#cbemail").prop('checked') would return 'true' when the checkbox is checked and 'false' when it is not checked.

david_bird · ‎03-15-2016

Hi @defelicemattia, That article is a good reference. When trying out jQuery, Chrome development tools are useful. Here is an example of a checkbox with similar code applied: I've added some feedback to the console to verify what is happening within the script. As well, I used an ID to the checkbox which can be useful if you are looking for specific elements. In this example, the checkbox was clicked three times to demonstrate the results in the Console. Give it a try first in dev tools!

david_bird · ‎03-14-2016

You would place this in a JavaScript extension in TIQ and scope it to PreLoader.

david_bird · ‎03-14-2016

Hi @tomas_balciunas, To suppress the initial pageview generated by loading utag.js, commonly used on AJAX sites : window.utag_cfg_ovrd = {noview:true}; The default value for noview is false. Here is a link to other override options: https://community.tealiumiq.com/t5/Tealium-iQ/Where-can-I-find-a-list-of-utag-cfg-ovrd-possible-flags/m-p/5271/highlight/true#M104 Thanks, David

david_bird · ‎03-02-2016

Hi @steve_sherwood, Yes each tag added from the Marketplace in TIQ has it's own template file. So, you can create two instance of any tag, distinguish them using separate load rules if necessary, and as you mention, modify one of the tag templates to support Header Bidding. Here is a reference to an article discussing how to edit tag templates: https://community.tealiumiq.com/t5/Tealium-iQ/How-do-I-update-a-tag-template/ta-p/2830 We recommend that you save a backup copy of the template (as mentioned within the article above). Also, we recommend that you use the Save Profile Template option.

david_bird · ‎02-19-2016

@tpadwal You should be able to do this through a Set Data Values extension. Here is an example: Then add as many Data Sources you need to be set.

david_bird · ‎02-11-2016

Hi @shailesh_gaikwa, For your example script you can add it into a JavaScript extension. Just paste all of the code except the <script> & </script> tags. Here is an example using your code of how that would look: As far as load rules, you can create a lookup table and set a data source parameter based on the criteria you wish to load the library. Or it may be easier to exclude the pages you do not want the library to load. In the JavaScript extension, you could test for the value which signals to load the library. Here's just an example that might help you along. I've created it to always fire except if landing on a certain set of pages, based on pathname: Updating the JavaScript extension would then be needed to apply the load rule. Using the data source set in the lookup table, the JavaScript extension would then look something like: For loading the library for all pages on a future date, you would remove the if check in the extension and disable the lookup table. Basically your JavaScript extension would look like the first image above. If you wanted to do this programmatically, such as firing on all pages after a certain date, you could add that to the if check in the JavaScript extension, as an OR condition, that satisfies the point in time you wish the library to load on all pages.

david_bird · ‎01-25-2016

Hi @defelicemattia, Without knowing more details I can't answer fully but I suspect that it has something to do with how the cookie is being generated. Are you using the Persist Data extension? Here is a reference to an article regarding the Persist Data extension: https://community.tealiumiq.com/t5/Developers/Persist-Data-Value-Extension/m-p/1075 Is your cookie value being stored within the utag_main cookie or outside? If outside perhaps that is the issue. This is a case where we would need to look under the hood to help you investigate. Please reach out to your account manager for help to review your implementation.

david_bird · ‎01-12-2016

Hi @defelicemattia, You'll need some jQuery that will parse through all of the hyperlinks on your page. Hopefully the following code will get you on your way. You can see how this works by copying the code below and pasting into the console while viewing a page on your site. hostname = new RegExp(location.host); console.log ('hostname: ' + hostname); // Act on each link jQuery('a').each(function(){ // Store current link's url var url = jQuery(this).attr("href"); if (typeof url != 'undefined') { if (url.length > 0) { // Test if current host (domain) is in it if(hostname.test(url)){ // If it's local... do nothing } else if(url.slice(0, 1) == "#"){ // It's an anchor link do nothing } else if(url.slice(0, 1) == "/"){ // It's also local... do nothing } else if(url.indexOf("tel") == 0){ // It's a phone number... do nothing } else if(url.indexOf("javascript") == 0){ // It's javascript... do nothing } else { // a link that does not contain the current host console.log ('set jQuery click handler for external link: ' + url) ; jQuery(this).on( "mousedown", function() { // Do your setup for the utag.link call console.log("External link clicked, url: " + jQuery(this).attr('href')); }); } }} }); I've left the actual call to utag.link for you to complete. Also, may notice hyperlinks that are picked up that you don't want a listener set up. When running the above in the console, I noticed on a couple sites a telephone number as a hyperlink; hence the code block that ignores anything starting with 'tel'. You may find the need to add additional code to block others on your site. You would add the code to a JavaScript extension and scope it to DOM Ready. Please let me know how this turns out. Thanks, David

Date Registered	‎09-01-2015 05:02 PM
Date Last Visited	10 hours ago
Total Messages Posted	37
Total Kudos Received	18

Tealium Learning Center

Re: S.t() call firing on link click without config...

Re: utag_data object declaration

Re: utag_data object declaration

Re: Getting TypeError while running Angular unit t...

Re: Explicit Consent Prompt / Consent Preferences ...

Re: Suggestion: Code version selector for the Adob...

Re: Explicit Consent Prompt and utag.sync

Methods to Switch Publish Environment

Re: Call utag.link() on HTML-link click

Re: How do I capture a zipcode from an input field...

Re: How do I capture a zipcode from an input field...

Re: it should be possible to set an event using hr...

Re: it should be possible to set an event using hr...

Re: it should be possible to set an event using hr...

Re: I am looking for a solution to track if a chec...

Re: I am looking for a solution to track if a chec...

Re: I am looking for a solution to track if a chec...

Re: I am looking for a solution to track if a chec...

Re: How to prevent default utag.view call on the p...

Re: How to prevent default utag.view call on the p...

Re: I want to create a new GPT Tag that modifies t...

Re: Set Data Value Extension Question

Re: I want to add a tag but I want to implement it...

Re: Set up utag_main_pn and utag_main_sn value as ...

Re: creating click events on a specific page popul...

Products

Company