logo

Content to Skills Mapper

Content to Skills Mapper


If you can place HTML on your site, you can display content from Anders Pink

Here's a really quick and easy way to bring curated content from Anders Pink into your Platform, with no need for an API or any technical integration work beyond pasting some code.

You can use JavaScript code to display an Anders Pink live briefing or saved folder in your app or platform.

You can configure the display and drop it anywhere you want. All you need to do is use some simple embed code - same as if you were embedding a YouTube video on a site.

It also requires your briefing to be set to public mode (which means others could find and view your briefing on Anders Pink, but they will not be able to see any of your personal or team data). For other ways to embed, see our integrations page.

Javascript Embed Steps:

Step 1: Create an account on Anders Pink.

Step 2: Create a new briefing on any topic, or follow some public ones. Here's how.

Step 3: Enable briefings / saved folders export feature on your account. This enables you to export a briefing or folder to your app or platform. This is a paid feature. Contact us to set up a free trial and for pricing information.

Step 4: Once Export feature is enabled, go to your Export Settings panel. Under "Public export settings", check the briefings or saved folders you want to display in your platform or app:

img

Step 5:

Copy the ID of the briefing or saved folder. The ID is a number that appears in the URL in the top of your browser when you're viewing the briefing or folder.

In the following examples it is highlighted:

https://app.anderspink.com/briefing/8520/data-mining and for saved folders: https://app.anderspink.com/saved-articles/15271/brexit

Step 6 Use the following snippet of HTML and put it into your site. For briefings, use the following HTML (with data-type set to briefing) and set the data-id to be your briefing or folder ID from step 5. In this example we will use ID 8520.

<div class="ap-embed" data-type="briefing" data-id="8520" data-limit="20" data-time="auto">

</div><script type="text/javascript" src="https://app.anderspink.com/lib/embed-v1.js"></script>

For saved folders, use the following HTML (with data-type set to folder) and set the data-id to be your own ID from step 5. In this example we will use ID 15271.

<div class="ap-embed" data-type="folder" data-id="15271" data-limit="20"></div>

<script type="text/javascript" src="https://app.anderspink.com/lib/embed-v1.js"></script>

Step 7: You can customise the embedded briefing or folder with a few options:

Use data-limit="20" to set an upper limit to how many articles are shown (in this example, display 20 content items).

Use data-hide-imageless="true" to only show articles that come with images. This may improve aesthetics but could stop you seeing some articles from sites that do not use images.

Use data-show-comment="true" to show the latest comment posted by your team underneath the article. This allows you to put a comment under articles via the comment function in Anders Pink, and pass this through to your site or platform.

For briefings only, use data-time="auto" to let the briefing automatically choose how far back to show articles from. It will look at how often new content comes in and select a good range of articles. You can set a fixed time frame by using data-time="3-days" and data-time="2-weeks" etc.

That's it! You'll now see a briefing or saved folder wherever you've put the code on your site.

img

Briefings in client apps and platforms

You can use our display as is, or go further and style the generated HTML by using CSS if you want. Get in touch if you want some help and support with styling the output.

Go Further with our API options:

The JS easy embed option is a great way to start curating quickly, with hardly any technical effort. If you can copy and paste, you can do it…

You can take your integration further with our API integrations. The API gives you:

-Tracking data to measure engagement

    • No requirement for briefings in public mode
    • No need to use Javascript
    • Enhanced control over styling and display
    • Ability to bring Anders Pink briefing creation functionality into your site (Javascript embed is display only)

Want to get started with our JS easy embed or API options today? Contact us to set up a free trial.

logo

Success Stories

About

Meet the team

Blog

Pre-defined bundles

Multi-language features

APIs and integrations

Partner showcase

Contact

Support

Privacy policy

Cookie policy

Follow Us

ll

© Anders Pink 2024