Page 1 of 1
Adding Addthis to Job Page
Posted: 17 May 2015, 16:52
by mytym2shn
Do anyone know where I would need to add the code for the addthis buttons to appear on each individual job page on the careers site so that people can share it?
Re: Adding Addthis to Job Page
Posted: 17 May 2015, 22:12
by manuel
I'm not shure what you mean.
But I put some code in the Template at "content-jobdetails" so every page has a: Facebook, Linkedin, Twitter button to share jobs within Social Media.
I even made a "print" button.
Re: Adding Addthis to Job Page
Posted: 18 May 2015, 01:31
by mytym2shn
thats what i want....where did you get your code from?
Re: Adding Addthis to Job Page
Posted: 18 May 2015, 01:33
by mytym2shn
was that the only file you had to add code to?
Re: Adding Addthis to Job Page
Posted: 19 May 2015, 23:26
by manuel
What I did works for me but is
NOT a decent way of programming.
I adjusted the
Careers Page Template at 2 locations
You have to be logged in as a administrator.
At: Content - Job Details, add the following from the start. Remark: Change the language setting for Linkedin to the preferred setting. It now set to Dutch: "lang: nl_NL"
<div class="linkedin">
<script src="//platform.linkedin.com/in.js" type="text/javascript">lang: nl_NL</script><script type="IN/Share"></script>
</div><!--end linkedin-->
<div class="facebook">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/us_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script><fb:like send="false" layout="button" width="46" show_faces="false" font="segoe ui"></fb:like>
</div><!-- end facebook-->
<div class="twitter">
<a href="https://twitter.com/share" class="twitter-share-button" data-count="none">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div> <!--end twitter-->
The next step is to ad some lines to the CSS file also to be found at the Template.
Put these lines at the end of the CSS file.
#social_media {
display: block;
height: 25px;
width: 100%;
margin: 10px 0 ;
}
.facebook,
.twitter,
.linkedin,
.pinterest{
float: left;
width: 80px;
}
Re: Adding Addthis to Job Page
Posted: 20 May 2015, 01:06
by mytym2shn
Thanks!
Re: Adding Addthis to Job Page
Posted: 18 Aug 2015, 12:46
by RussH
you may also be interested in 'automatically tweeting new jobs',
viewtopic.php?f=2&t=165&p=772&hilit=twitter#p772
Russ