Text Elements
All SmartFeed data attributes can be used in any HTML element.
Advert Reference
Will return the job advert reference for the current job advert
data-sf="job-advert-reference"
Example!
<div>
Reference:
<span data-sf="job-advert-reference"></span>
</div>
Benefits
Will return the job benefits for the current job advert.
data-sf="job-benefits"
Example!
<div>
Benefits:
<span data-sf="job-benefits"></span>
</div>
Category
Will return the job category for the current job advert.
data-sf="job-category"
Example!
<div>
Category:
<span data-sf="job-category"></span>
</div>
Company
Will return the Company linked with the current job.
data-sf="job-company"
Example!
<div>
Company:
<span data-sf="job-company"></span>
</div>
This is mainly used with group companies.
Dates
Serveral different Date elements are available on the SmartFeed.
All SmartFeed dates are formatted as Day, Month Date, Year.
<div data-sf="job-expiry-date"></div>
<div data-sf="job-posting-date"></div>
<div data-sf="job-start-date"></div>
<div data-sf="job-updated-date"></div>
Example!
<div>
Expiry Date:
<span data-sf="job-expiry-date"></span>
</div>
<div>
Posting Date:
<span data-sf="job-posting-date"></span>
</div>
<div>
Start Date:
<span data-sf="job-start-date"></span>
</div>
<div>
Updated Date:
<span data-sf="job-updated-date"></span>
</div>
Description
Will return the full description of the current job advert.
data-sf="job-description"
Example!
<div data-sf="job-description"></div>
Dolor sed viverra ipsum nunc aliquet bibendum enim facilisis. Quis auctor elit sed vulputate. Risus quis varius quam quisque id diam vel. In nisl nisi scelerisque eu ultrices vitae auctor eu. Enim eu turpis egestas pretium aenean. Egestas dui id ornare arcu. Nec feugiat nisl pretium fusce id velit. Eu nisl nunc mi ipsum faucibus vitae aliquet. Morbi non arcu risus quis varius quam quisque id. Arcu non sodales neque sodales ut etiam sit amet. Semper viverra nam libero justo. Interdum consectetur libero id faucibus nisl tincidunt eget. Facilisi morbi tempus iaculis urna id volutpat. In ante metus dictum at tempor. Viverra adipiscing at in tellus. Aliquam faucibus purus in massa tempor. Non odio euismod lacinia at quis risus sed vulputate odio. Vitae justo eget magna fermentum iaculis eu. Ut sem viverra aliquet eget sit amet tellus cras adipiscing.
Duration
Will return the job duration for the current job advert.
data-sf="job-duration"
Example!
<div>
Duration:
<span data-sf="job-duration"></span>
</div>
Industry
Will return the industry of the current job advert.
data-sf="job-industry"
Example!
<div>
Industry:
<span data-sf="job-industry"></span>
</div>
Job Title
Will return the job tilte for the current job advert.
data-sf="job-tilte"
Example!
<h2 data-sf="job-tilte"></h2>
Software Engineer
Job Type
Will return the job type for the current job advert.
data-sf="job-type"
Example!
<div>
Job Type:
<span data-sf="job-type"></span>
</div>
Job Type Time
Will return the job type time for the current job advert.
data-sf="job-type-time"
Example!
<div>
Job Type Time:
<span data-sf="job-type-time"></span>
</div>
Location
Serveral different location elements are available on the SmartFeed of the current job advert.
<div data-sf="job-country"></div>
<div data-sf="job-location"></div>
<div data-sf="job-latitude"></div>
<div data-sf="job-longitude"></div>
<div data-sf="job-region"></div>
<div data-sf="job-sub-location"></div>
<div data-sf="job-postcode"></div>
Example!
<div>
Country:
<span data-sf="job-country"></span>
</div>
<div>
location:
<span data-sf="job-location"></span>
</div>
<div>
latitude:
<span data-sf="job-latitude"></span>
</div>
<div>
longitude:
<span data-sf="job-longitude"></span>
</div>
<div>
Sub Location:
<span data-sf="job-region"></span>
</div>
<div>
Sub Location:
<span data-sf="job-sub-location"></span>
</div>
<div>
Postcode:
<span data-sf="job-postcode"></span>
</div>
Posting Type
Will return the posting type of when the current job advert.
data-sf="job-posting-type"
Example!
<div>
Posting Type:
<span data-sf="job-posting-type"></span>
</div>
Salary
Serveral different salary elements are available on the SmartFeed.
<div data-sf="job-salary-from"></div>
<div data-sf="job-salary-period"></div>
<div data-sf="job-salary-to"></div>
<div data-sf="job-salary-type"></div>
Example!
<div>
Salary From:
<span data-sf="job-salary-from"></span>
</div>
<div>
Salary Period:
<span data-sf="job-salary-period"></span>
</div>
<div>
Salary To:
<span data-sf="job-salary-to"></span>
</div>
<div>
Salary Type:
<span data-sf="job-salary-type"></span>
</div>
Summary
Will return the Summary of the current job advert.
data-sf="job-summary"
Example!
<div data-sf="job-summary"></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Vacancies
Will return a number of vacancies for the current job advert.
data-sf="job-vacancies"
Example!
<div>
Jobs Available:
<span data-sf="job-vacancies"></span>
</div>