-
Expand/CollapseMenu
- TLC Home Home
- Forums Forums
- Product Guides Product Guides
- Developer Docs Developer Docs
- Product Ideas Product Ideas
- Education Education
- Blog TLC Blog
- Support Desk Support Desk
Tealium Learning Center
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Showing results for
- Home
- :
- About david_bird
7 hours ago
User Recent Badges
3 weeks ago
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.
... View more
3 weeks ago
1 Kudo
Hi @cgullestrup ,
A selection for the code version is now available within the Adobe Experience Cloud ID Service Tag Configuration:
... View more
3 weeks ago
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:
... View more
05-29-2018
02:24 PM
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.
... View more
- Tags:
- how to test
- testing
Labels:
05-10-2017
03:01 PM
3 Kudos
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
... View more
05-18-2016
02:55 PM
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
... View more
05-11-2016
03:44 PM
2 Kudos
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
... View more
05-05-2016
01:43 PM
1 Kudo
LOL. No worries! Just glad you got it solved.
... View more
05-05-2016
10:46 AM
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?
... View more
05-05-2016
09:11 AM
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
... View more
03-17-2016
07:38 AM
1 Kudo
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
... View more
03-16-2016
07:35 AM
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
... View more
03-15-2016
10:08 AM
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.
... View more
03-15-2016
08:56 AM
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!
... View more
03-14-2016
08:05 AM
1 Kudo
You would place this in a JavaScript extension in TIQ and scope it to PreLoader.
... View more
03-14-2016
07:10 AM
1 Kudo
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
... View more
03-02-2016
06:45 AM
1 Kudo
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.
... View more
02-19-2016
01:31 PM
1 Kudo
@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.
... View more
02-11-2016
07:49 AM
1 Kudo
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.
... View more
01-25-2016
07:18 AM
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.
... View more
01-12-2016
08:20 AM
2 Kudos
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
... View more
12-30-2015
03:09 PM
Hi @dajo_rodrigo,
Though I have yet to add HopScotch through Tealium I have had success with adding it directly to a page.
What issue are you experiencing?
... View more
Public Statistics
| Date Registered | 09-01-2015 05:02 PM |
| Date Last Visited | 7 hours ago |
| Total Messages Posted | 30 |
| Total Kudos Received | 15 |
Kudos from
-
Products
- Tealium iQ Tag Management
- Tealium EventStream
- Tealium AudienceStream
- Tealium DataAccess
- Tealium for Mobile
-
Company
- Tealium.com
- Blog
- Careers
- Contact Us
- Events
Copyright All Rights Reserved © 2008-2019