Hi, this is a personal wish for help, involving html on my site for an education portal widget.
I have an opportunity to work with an education company, AllStarDirectories, on my site http://www.culinarylore.com. This is a way of me helping students seeking culinary education to find relevant schools in their area, and to earn money from the leads that are sent to the individual schools.
It involves a widget, an example of which can be found on this page:
http://www.culinary-degree-search.com/ (also a culinary site)
or on this page: http://legalcareerpath.com/legal-careers/ (a legal site)
There are different versions of the widget, but they all serve a similar function.
Once a user interacts with the widget, and clicks "find schools" it opens a list page that helps them further refine their search and find a school or schools which they can then fill out a form for to ask for more info. This listing page must be hosted on my site as well. The widget code contains the url of the listing page.
Of course, I cannot implement this and have it work, because the widget simply opens a blank frame. I am hoping that you can allow the code or help me to implement this on my site. An example of the widget code and the listing page code follows. This is not my final code, this is just the code my representative gave me to test. If you need my final code, I can give it to you once it receive it.
Widget Code
This part of the code:
<div class="asd-client-widget" type="cta_program_prefilter_box"></div>
Defines the particular type of the widget, and this one matches the ones on the page examples I gave you. There are other choices such as
<div class="asd-client-widget" type="cta_program_multi_interest"></div>
<div class="asd-client-widget" type="cta_program_button"></div>
<div class="asd-client-widget" type="cta_program_select_bar"></div>
The code for the listing page follows:
Listing Page Code
<div id="asd-content"></div>
<script type="text/javascript">
var ASD_SETTINGS = {
subjectArea: 'entry-level-nursing-concentration',
visualTheme: 'blue',
marketContext: 'health-acs',
filterPosition: 'left',
filterParameters: {
setting: 'all'},
attribution: {
utm_campaign: 'gen_Nurs_api_ns_ns_ns_ns',
utm_medium: 'part',
utm_source: 'el',
cid: '31'
}
};
</script> <script type="text/javascript" src="http://cdn.allstardirectories.com/client/asd-loader.js"></script>
Obviously, this example is set to the nursing interest. My code will be set to culinary interest.
I have to place the widget on one page, or in a sidebar, etc. and then the listing code on another page, defining the url for that page in the code:
baseListingUrlPath: 'You’ll insert the URL that you’ve placed the listings code on here',
Which you see in the widget code above.
Here also is a pdf which describes setting this all up,
http://culinarylore.wdfiles.com/local--files/start/Partner_portal_javascript_documentation.pdf
Please consider helping me with this and allowing me to implement these codes, if possible. This is not just a lark for me. I work extremely hard on my site(s) and I earn a pretty good income, which is growing steadily. This is a way for me, hopefully, to substantially increase my income, and in a way that is completely relevant to my site.
If you need any further information please let me know.
Thanks for your kind consideration!
I did not mean to wrap that widget code in html brackets, but there at least you have what it looks like. Of course it will not function properly. Here is the code:
Hi, this can be achieved by 2 changes:
1. add type attribute to div element
2. whitelist this code in [[html]] to let it be placed without iframe element:
so you can write:
Am I right or missing something ?
Bartłomiej Bąkowski @ Wikidot Inc.
';.;' TeRq (Write PM)
TeRq you may be right I don't know haha. I really appreciate your help but I'm not sure I understand what you're saying. Are you saying I myself can 'whitelist' this?
I have two codes that must be placed on different pages. I am not sure what you are saying that I need to do, exactly. I see the divs you're talking about but could you explain it to me like I'm stupid (because I am when it comes to this stuff). I wasn't aware that I could choose an html code and make it work without iframes, unless wikidot whitelisted it.
If you could and you don't mind, could you give me a more step by step instruction of what I need to do on both pages, to get this working, if possible?
I would truly appreciate any help you can give and I thank you for your reply! I think you mean this is how it can be done should wikidot choose to whilelist it in html, but I'm not sure. Either way I'll probably need a bit of help once/if it gets going.
Well, it was a little like load thinking. So i wish to confirm that we need to made two changes:
1. whitelist this script code (only devs can do this):
2. extend [[div]] with type attribute
Just want to know that above changes gives you what you need.
EDIT:
I'v read your PM, well I'll assume that it's what you need, Just tell me if you have any other script code to place on your page.
Bartłomiej Bąkowski @ Wikidot Inc.
';.;' TeRq (Write PM)
I just have the two scripts that I've given you here, but they need to go in two different places (as per the developers). The widget script needs to open the results on the page containing the listing script. I'd probably put the widget script in the sidebar, which means it will be in the category templates since my sidebar is really just a custom divide, except for mobile versions, where I'll need to link to the widget on a dedicated page…so, in other words, I need the widget to work wherever. The listings script just needs to go on it's own separate page.
Just to reiterate, the problem is that the widget needs to be able to open a "search results page" on a whole new page on MY site, and these search results, triggered by the interaction with the widget are controlled by the listings script. So, again, here are the two scripts they gave me, just to confirm:
Widget Script
Listings Page Script
This is, again, just an example they gave me. My final code will be slightly different based on parameters of 'culinary' searches and my own tracking id code (although I'm not sure which part of the code that is).
Thanks again, TeRq, I hope this answers your question. There is a PDF file that I linked above that may make more sense to you. I don't expect you to read the whole thing of course but the first part about implementing the code will probably make more sense to you than I am making.
Hey, TeRq, any idea when this will be enabled? I know you guys are busy, just trying to get an idea. The company is asking and I want to be able to give them more of a time-frame.
ETA - monday 26.X
Bartłomiej Bąkowski @ Wikidot Inc.
';.;' TeRq (Write PM)
^ That is fantastic. Thanks.
Both scripts are available, you can use:
Bartłomiej Bąkowski @ Wikidot Inc.
';.;' TeRq (Write PM)
Thank you VERY much, TeRq. I am still not understanding how I should implement this. Do I need to use divs? If I just put the scripts on two seperate pages, the results from the widget still will not open on the listing pages where the second script is. What do I need to do special?
Sorry to be such a pain!
P.S. Nevermind, I understand. Takes me a few minutes for things like this to sink in. It seems to be working. I will have to test this to see if it is sending to the company, etc. but it looks good.
Thank you again. You have been a big help to me.
TeRq, I am having trouble with the widget not displaying on most pages in Chrome. It works on Firefox and mobile etc. I cannot see any problem. Is there any way you can verify that this is not a problem on our end? I told the widget devs that this was occurring and the problem may be on their end. However, for the last few days, at the same time, none of the addthis buttons have been displaying on any of my sites, neither in chrome or firefox. This could be a temporary outage but I wonder if it is connected and perhaps has something to do with the classes…
If you look at the front page of http://www.culinarylore you will see at the top of the sidebar "looking for a culinary school?" - the widget should display right underneath this. Should be the same on every other page, but it only displays here and there, and fails 99% of the time.
However, when I create a new test page, and place the widget code on the page, the widget works, and it keeps working as a reload the page. I wonder if it has something to do with templates, but, there are other instances of the widget being on individual pages, outside of the templates, and the widget fails on those pages, as well. I don't understand why it will work on a new page and fail everywhere else, but this leads me to believe the problem is on our end.
The addthis buttons have completely disappeared, but, again, this may have nothing to do with the education widget, I know. Everything was going perfectly fine and the widget just suddenly started failing on chrome. I've checked it on two computers and a simulator, but I suppsed the problem still could be on my browser, but I haven't been able to find anything.
EDIT: I figured something out. I realized that the few pages that the education widget worked on were pages where no addthis tools were installed. When I remove the divs
from the page, or from the template that controls the pages, the education widget works fine again. As before, the addthis buttons are down on all my sites, even the ones without the education widget, and do not show up either in chrome or firefox, but on chrome, there is some kind of interference. I don't understand this at all. Could this be a bug on our end? Again, I can see that my education widget is working perfectly, so long as the addthis sharing tools are not on the page.
P.S.
I did some further checking by removing addthis toolbox from one template. The education widget started working on the pages controlled by that template. Then, I went to my addthis account and turned on sidebar buttons, which do not require any further divs code on the page, and the education widget went down again. I inactivated the side buttons, and the education widget popped back up. No doubt, it is addthis causing the problem. The question is still if this is addthis's problem or a glitch at wikidot. When I reload pages, the addthis buttons show up for a split second and then disappear.
And, as you can see, the widget appears in this thread still, above.
I went ahead and turned off the sharing buttons via my addthis dashboard, and this has restored my education widget. Please let me know if you need me to turn them back on so you can look into this.