Google Tag Manager not picking up CSS Selector - tags

I'm currently trying to get Google Tag Manager to fire a click tag on my homepage for particular elements on the page. Not all elements are links so I'm using: Click - All Elements >> Some Clicks as my trigger type and added a condition of a specific CSS Selector for the tag to fire.
GTM is saying it does not see the value matching in the CSS however when I look at the Tag Details, I can see that there should be a match:
Tag Details page. I've also tried matching RegEx matching the click element and tried form element as well. The value is present in both of these when looking at "variables" in the GTM preview.
I'm looking to capture the click text within each of the sections of the homepage to determine which section is getting the most attention without getting the clutter of accidental clicks on nothing.

You shouldn't really share the site you're working on. That may be interpreted as link spam, especially from new accounts.
Try using this:
Click - All Elements ->
Some Clicks ->
Click Element ->
Matching CSS selector ->
And then this selector: #featured-services, #featured-services *
If this doesn't completely fix your issue, add a screenshot of your trigger as well as the block of HTML as text for us to be able to narrow it down.

Related

pop up search having issues with checkbox filters

I have to select leads while scheduling a meeting in the "related to" field. A popup is generated when I click the "arrow mark" icon. The results fetched after clicking on submit button are not matching the filters used.
When I navigate to second page, I have seen that checkbox queries are getting applied, for instance, checkbox1=0&checkbox2=0&checkbox3=0 is getting appended to the url.
I would like to remove this extra checkbox related query from the url so that my search works properly. Please provide guidance.
Thanks in advance!

Concrete 5 summary detail page

The solution is probably not unique to Concrete5 CMS, but I need to build a page with a list of items. Each item would link to a detail page of that item showing a full text description.
Each item on the initial summary page would have the first few lines of the detail page description and a "more" link.
Does anyone know how I could go about doing this in C5?
This is a very common thing to do with Concrete5, and there is a built-in block to handle it -- it's called "Page List".
Note that out-of-the-box, this block doesn't show the first few lines of each page's content, but rather shows the "description" field as entered when creating the page (or editing the page's properties). But I have a free addon available in the marketplace called "Page List Teasers" -- http://www.concrete5.org/marketplace/addons/page-list-teasers -- which adds this functionality to the built-in Page List block.
You can also check out the blog views of the page list - they show how to display an area from another page with all the content blocks they contain, and how to display attributes. You could make a rich text attribute called description then display that as you loop through the list of pages.

How did Facebook implement the chat sidebar?

I'm trying to understand how Facebook implements the chat sidebar. It seems to stay there even as I change pages. For example, if I select some text inside the sidebar, then click to go to another Facebook page, the text remains selected. It's as if it was a separate frame, but when I look at the code, it's not.
All requests are made trough AJAX calls. Only "content" container is replaced when needed.
You don't actually "go" to another page. Just the "content" div gets updated.
There is a container DOM element called "fb_content", its content is replaced through straight-forward AJAX or more technically XMLHttpRequest. (Although when for example you enter an app, the entire page is refreshed.) To update the address bar they use the JavaScript History API.
In addition to what Zeno and lericson said (fb_content gets updated via ajax), the address bar also gets updated while maintaining the history (if you press back/forward).

Firebug: How can I inspect an element I can't click on?

I'm trying to use Firebug to inspect a page element that appears when I hover over a photo.
Problem is, the element's position is dynamically offset from the mouse position, so it's impossible for me to right-click on it to get the "Inspect Element" option.
I had hoped that the onhover element would be inserted into the DOM in a sensible place, but so far, I haven't been able to find it.
Any suggestions?
If you know where in the DOM the new element will be created (quite often those elements are created as children of the body element) you can set up a breakpoint for when it is created.
Let's assume that the element will be created as a child of the body element. You will be able to inspect the element if you follow these steps:
Load the page
activate FireBug's HTML panel
Locate the body element
Right-click on the body element and choose Break on Child Addition or Removal from the popup menu
Go hover over your photo to trigger the wanted element's creation
Script execution should then break as soon as the element is created. At that point you will have all the time you need to inspect that dynamically created element, even in the HTML panel.
This isn't an ideal solution, but you could investigate the onhover code to find out more information about the element that's being created. That info might allow you to find it in Firebug's DOM viewer.
Can you search for the element using the search bar at the top of the firebug window?
You can use CTRL+F to find it in the code view.

How do I create an "iframe popup" when I hover over an <a> tag?

Here is the scenario: a User will see a list of company names, each wrapped in an tag. He is able to see dynamic information and as he hover over each name and then make a request.
So Given a list of companies, each wrapped in an tag.
When the cursor hovers over an tag
Then a "pop-up" appears that contains an -based, dynamic content.
Given the pop-up
When the User clicks on the "submit" button in the pop-up
Then the form (based on the framework" is submitted and ajax displays "request succesful"
So, because I am using a php-framework, I'd like to use iframe to contain the form.
Some challenges:
When the cursor is no longer hovering over the tag, the hover disappears. How do I keep it operating?
How do I make it appear in an so I can have full form-submission and POST-ing dynamic values through the URL?
How do the "popup" disappear when the cursor is no longer on either the -tag or the pop-up itself?
Can I do it without loading a bunch of 's onto the page, because the list of companies could be long.
for an example:
http://browseusers.myspace.com/Browse/Browse.aspx hover over one of the link.
jQuery with the clueTip plugin is something I have used for this in the past.