Where can I place Statcounter code in a Tabbed Interface?

[Fulltimer]

I use the Statcounter traffic counting script to check the location and volumn of my visitors. Statcounter really wants you to place their code right before the closing </body></html> tags.

I can do this with no problem when dealing with an A5w page. My problem is most of my program is made from components (not pages) that are part of a Tabbed interface. I can't seem to find a place in my component where this code will "STICK". Alpha seems to parse it out when it writes the code, or it places it somewhere where it will not work.

I quess my question is, is there a place in a "COMPONENT" where script code can STICK. I tried in various places including "Under Detail Part" etc. Which takes html okay??? I do not wish to rewrite my program so that all components are contained in an A5W page ( of my own making).

Any help would be appreciated?

[TheSmitchell]

Re: Where can I place Statcounter code in a Tabbed Interface?

Add this to your javascript code section for the tabbed ui, I think you can put it in the "javascript to run on startup" section, though you could also put it inside <script type="text/javascript"></script> tags in the "User defined 'head' content" property:

jQuery(document).ready( function () {
  jQuery('body').append(' YOUR Statcounter CODE HERE '); // << single quotes, otherwise you have to escape the "
}

What this does is register a function to be called when the HTML document is done loading, eg "ready". What will happen is the function you pass to ready() - either in the form function () {...} or functionName - will be called. You can append your statcounter code to the end of the body by using jQuery to get the body tag - jQuery('body') - and then calling append to add the HTML to the end. This will add the HTML at the end of body, just before the closing body tag.

jQuery ships with Alpha 5, so you do not need to do anything special to add it to your project.

You can read more about jQuery(document).ready here: http://learn.jquery.com/using-jquery...ocument-ready/

Note: $ in Alpha5 is NOT a shortcut for jQuery. It is a shortcut for document.getElementById - http://wiki.alphasoftware.com/~alpha...+in+Version+10

I noticed there is a property for "Footer text". You could try putting your stats code there inside A5 tags: <%a5 ? "all the stats stuff" %>. But I don't know if that will really put that at the very end or just at the bottom before other stuff.

---
Sarah

[Fulltimer]

Re: Where can I place Statcounter code in a Tabbed Interface?

Add this to your javascript code section for the tabbed ui, I think you can put it in the "javascript to run on startup" section, though you could also put it inside <script type="text/javascript"></script> tags in the "User defined 'head' content" property:

Sarah,

I have no problem placing my code in my primary Tabbed UI A5 PAGE. That's because it is indeed a page where I can see or determine where everything goes because I have control. Maybe I was not clear enough but my problem is placing my code in the numerous TABBED PANES that the UI calls. Those TABBED PANES are mere components. We don't have normal access to parts of that component that can be used for my purpose.

Please note, Statcounter automatically figures out what page it's on for it's statistics. Trying to re-locate it somewhere else would probably yield a bunch of false positives. This would give me nearly useless information. Kinda like saying you're IN Chicago just because you have someone from Chicago on the phone.

Tom W.

[GGandhi]

Re: Where can I place Statcounter code in a Tabbed Interface?

hello

i am not sure this will help, but there is one property for the tabbed_ui interface.
it is somewhere in the middle it says about the contained a5w page. there you can customize user defined head content. that is where i keep my favicon etc., see if you can use that area.

if that is not acceptable you can go to the tabbed_ui_your_component_name in a5w pages and edit that. view in xbasic and go the bottom and see if you can stick the code there.
it may not stay there forever. you may have to insert if you edit the tabbed_ui component.

edit: looks like this is not what you are looking for. you are looking to add to the component itself.

[Fulltimer]

Re: Where can I place Statcounter code in a Tabbed Interface?

hello

i am not sure this will help, but there is one property for the tabbed_ui interface.
it is somewhere in the middle it says about the contained a5w page. there you can customize user defined head content. that is where i keep my favicon etc., see if you can use that area.

if that is not acceptable you can go to the tabbed_ui_your_component_name in a5w pages and edit that. view in xbasic and go the bottom and see if you can stick the code there.
it may not stay there forever. you may have to insert if you edit the tabbed_ui component.

Gandhi,

Unfortunately, everyone seems to be missing my point and they want to keep pointing back to the Tabbed UI. As I've already stated, I don't have a problem placing the code in the Tabbed UI. No need to repeat explanation here. please re-read previous post(s).

Tom W.

[TheSmitchell]

Re: Where can I place Statcounter code in a Tabbed Interface?

Sarah,

I have no problem placing my code in my primary Tabbed UI A5 PAGE. That's because it is indeed a page where I can see or determine where everything goes because I have control. Maybe I was not clear enough but my problem is placing my code in the numerous TABBED PANES that the UI calls. Those TABBED PANES are mere components. We don't have normal access to parts of that component that can be used for my purpose.

Please note, Statcounter automatically figures out what page it's on for it's statistics. Trying to re-locate it somewhere else would probably yield a bunch of false positives. This would give me nearly useless information. Kinda like saying you're IN Chicago just because you have someone from Chicago on the phone.

Tom W.

You are trying to put the stats code in each tabbed pane? Tab panes are just divs on a page, though. Are you wanting to track each time someone clicks on the tab and count that as a visit? Or just track that someone opened the tab?

[TheSmitchell]

Re: Where can I place Statcounter code in a Tabbed Interface?

I quess my question is, is there a place in a "COMPONENT" where script code can STICK. I tried in various places including "Under Detail Part" etc. Which takes html okay??? I do not wish to rewrite my program so that all components are contained in an A5W page ( of my own making).

If your script is javascript inside <script> tags, such as google analytics:

      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', '***', '***');
      ga('send', 'pageview');

You can just paste that in the Javascript code section - no script tags. It will execute immediately on load. Where you put it doesn't really matter. If timing is a concern --- like, if it needs to load last --- then you'll want to put it inside some event like on render complete or something.

It looks like script tags are stripped out of the freeform edit regions (which doesn't make any sense) so those won't work.

If it's not javascript, then you need to append the code to the document using something like onGridInitialize - return js to modify the DOM to add your tracking code.

[Fulltimer]

Re: Where can I place Statcounter code in a Tabbed Interface?

You are trying to put the stats code in each tabbed pane? Tab panes are just divs on a page, though. Are you wanting to track each time someone clicks on the tab and count that as a visit? Or just track that someone opened the tab?

Sarah,

I think you struck gold!!! I was not aware that panes were "JUST" divs on a page. I guess now that makes sense. Anyway, YES I wanted to track each time a user clicked that tab. I need to know which tabs are more popular than others. If the desire was just a numeric count, I could do that in Xbasic and a database table. However what Statcounter provides is so much more info, like from IP address, returning visits, how long visit etc. I certainly don't want to even try to write that. The info is not THAT critical.

Anyway, thanks for hanging in there with me. You pulled the "real" problem out of me.

Tom W.

[TheSmitchell]

Re: Where can I place Statcounter code in a Tabbed Interface?

Sarah,

I think you struck gold!!! I was not aware that panes were "JUST" divs on a page. I guess now that makes sense. Anyway, YES I wanted to track each time a user clicked that tab. I need to know which tabs are more popular than others. If the desire was just a numeric count, I could do that in Xbasic and a database table. However what Statcounter provides is so much more info, like from IP address, returning visits, how long visit etc. I certainly don't want to even try to write that. The info is not THAT critical.

Anyway, thanks for hanging in there with me. You pulled the "real" problem out of me.

Tom W.

They are. A5W pages in tabs are a little different. They're actually embedded in iframes - so your tracking code would sort of work there I suppose. There IS an iframe associated with every tab pane, but I've yet to see grids & dialogs appear inside those iframes. They usually appear inside nested div elements.

You supposedly have all the source for this tracking software. The google stuff I quoted has 2 functions: "create" and "send view". If I wanted to track each tab visit as a new "page view", I would just call those two functions every time a tab was visited - there are events for that client-side. If you're willing to put in the effort, you could probably figure out how to adapt Statcounter's API to your needs. I recommend a javascript deminifier if you go that route - assuming it's .js. Firefox plugin FireBug is a great plugin for investigating the DOM - recommended. And there are some other Firefox plugins out there for deminifying js files. Also recommended - it's great for making A5.js files readable.

Good luck
---
Sarah

[GGandhi]

Re: Where can I place Statcounter code in a Tabbed Interface?

Gandhi,

Unfortunately, everyone seems to be missing my point and they want to keep pointing back to the Tabbed UI. As I've already stated, I don't have a problem placing the code in the Tabbed UI. No need to repeat explanation here. please re-read previous post(s).

Tom W.

right after I posted I noticed what you wanted and I edited my original post to reflect that.

I quess my question is, is there a place in a "COMPONENT" where script code can STICK.

for each component in the tabbed_ui there is a property for the pane. tab pane javascript/ on initial. I think that is a good place to place your javascript, that should run when the pane is initialized.

actually statcounter may be useful for me. I will download and check its usage.