Instructions for installing links on any website
- Contact us if you need to make any changes to these pages, such as changing the fonts or colors.
- Contact us if you are migrating to a new website and need new links.
- Our Dynamic Content links will install on any website platform.
- The articles can be installed/utilized in a few different ways:
- Using our WordPress Plugin called "Dynamic Post" - Content included: article, image, video, metadata, and custom canonical
- Using dynamic links using the <iframe> tag. (Most Common) - Content included: article, image, video, metadata
- Using the Dynamic Content RSS Feeds - Content included: article, image
- Using a custom API and Zapier - Content included: controlled by Zapier
- Using the articles via MS Word via email - Content included: article
- All other Dynamic Content features, like the calculators and tax calendar, are installed via dynamic links using the <iframe> tags.
- Calculator: calculator-specific instructions.
Building your iframe:
You will find your unique ID in your setup email, along with a link to a list of all your available layouts and single-page layouts.
- You can replace your unique ID with your domain without the domain extension.
- Each link from your setup email will show different layouts of your Dynamic Content/Calculators.
- Your Dynamic Content will not display without the unique ID.
Resource Link / URL Example:
https://www.dynamicontent.net/dcv2/cartoon.php?key=uniqueID
https://www.dynamicontent.net/dcv2/cartoon.php?key=domain (domain with no extension)
Simple HTML Install
- Add the code from steps 3, 4, and 5 to a pre-existing page or a new page.
- In the sample code below, replace "URL" with the link for the layout you want from your list in your setup email, aka the "Available Dynamic Content and Calculator URLs". You will add the URL/Link to the code yourself.
- Paste this code into your page's text view, block, or HTML block. The iframe tells your website where to get the layout/content.
<iframe id="s2ccontentframe" frameborder="0" height="600" width="100%" src="URL" allowtransparency="true" scrolling="no"></iframe>
4. Add a reference to jQuery at the top of your code if your website's hosting company does not already have this. Auto page resizing does not work without this.
5. Add resizing language and resizing instructions.
<script type="text/javascript" src="https://www.dynamicontent.net/js/jquery.iframeResizer1.min.js"></script>
<script type="text/javascript">
( function( $ ) {
if ( $( "#s2ccontentframe" ).length ) {
$('iframe#s2ccontentframe').iFrameSizer({
log : false, // For development
contentWindowBodyMargin: 0, // Set the default
doHeight : true, // Calculates
doWidth : false, // Calculates
interval : 50, // interval in ms to
nablePublicMethods : true, // Enable methods
autoResize : true, // Triggering resize
callback : function(messageData)
{ var frame_src = document.getElementById('s2ccontentframe').src;
if((frame_src.indexOf("article.php")> 0) || (frame_src.indexOf("archives.php") > 0))$('html, body').animate({scrollTop: $("#s2ccontentframe").offset().top - 150},800);
}
});
}
} )( jQuery );
</script>
Example using the Masonry Layout link - Yellow jQuery reference if resizing is not working - Green Dynamic Content/Calculator content view - Blue resizing instructions.
WordPress Install
- Add Step 3 to your page, add Step 4 to your header, and add Step 5 to your footer.
- In the sample code below, replace "URL" with the link for the layout you want from your list in your setup email, aka the "Available Dynamic Content and Calculator URLs". You will add the URL/Link to the code yourself.
- Paste this code into your page's text view, block, or HTML block. The iframe tells your website where to get the layout/content.
<iframe id="s2ccontentframe" frameborder="0" height="600" width="100%" src="URL" allowtransparency="true" scrolling="no"></iframe>
4. Place in Header (page resizing language - jQuery)
This script tag instructs your website on which coding language to use for resizing the page for content that changes size. Most website hosting companies include this on their hosting platforms, but some do not. Therefore, we have provided access to the jQuery offered by Google via this link. This must go above our code.
If you have experience with WordPress, you will know that there are many ways to add code/scripts to a WordPress header or footer. We use a Plugin called "Head, Footer and Post Injections"
5. Place in Footer (page resizing instruction - JavaScript)
**Site builders like Wix and Sitejet load scripts last, so place them in the Header with jQuery; otherwise, resizing won't work. PS will not work in the header of a WordPress site **
If you have experience with WordPress, you will know that there are many ways to add code/scripts to a WordPress header or footer. We use a Plugin called "Head, Footer and Post Injections"
The setting for Head, Footer, and Post Injections looks like this.
These script tags tell your website how to resize the page.
<script type="text/javascript" src="https://www.dynamicontent.net/js/jquery.iframeResizer1.min.js"></script>
<script type="text/javascript">
( function( $ ) {
if ( $( "#s2ccontentframe" ).length ) {
$('iframe#s2ccontentframe').iFrameSizer({
log : false, // For development
contentWindowBodyMargin: 0, // Set the default
doHeight : true, // Calculates
doWidth : false, // Calculates
interval : 50, // interval in ms to
nablePublicMethods : true, // Enable methods
autoResize : true, // Triggering resize
callback : function(messageData)
{ var frame_src = document.getElementById('s2ccontentframe').src;
if((frame_src.indexOf("article.php")> 0) || (frame_src.indexOf("archives.php") > 0))$('html, body').animate({scrollTop: $("#s2ccontentframe").offset().top - 150},800);
}
});
}
} )( jQuery );
</script>
##End Sample Code
IF YOUR CODE IS NOT WORKING AT THIS POINT, SEE TROUBLESHOOTING BELOW OR CONTACT US.
Additional Settings:
- One Page/Block install: If you would like your install to load all the content inside of one block, let us know. We will need to change the setting on our side.
- The iframe code has a few settings.
- Height - if your resizing code does not work, contact us. You can change this setting if your website does not allow the resizing code to run.
- Width - it is usually set to 100%
- Scroll bar - Change to Yes if you want a scroll bar or if you are having problems with the height or resizing code settings.
- Border - add a border.
- Advanced Install for multiple iframes on a single page: if you have multiple iframes (meaning multiple content URLs, for example, articles and calculators or a list of individual calculators on one page), give each one a different "id."
- Each iframe must have a matching script. For example, iframe id of calc1, calc2, and calc3 would need a script id of calc1, calc2, or calc3 if they are on the same page.
- You will use the "iframe" tag, the "remote script" tag, and the "local script" below. The "id" of the iframe and the "#id" in the script must match.
Example:
In the example below, the Cartoon URL has been placed into the live code.
The
purple code gives instructions to the website in jQuery on how to resize the content to fit on your website page. If your content is cut off at the bottom of the page, you are missing the purple code. If you add the purple code and it still does not work, your site might not have jQuery.
To add jQuery to your site, see Troubleshooting #3 below.
Helpful Links
Troubleshooting:
- If you place multiple iframes on one page, you will need to have a different "id" for each iframe. You will need to have the resizing script containing the callback function repeated for each iframe "id" on the page, using a unique iframe "id" in each function (e.g., s2ccontentframe, s2ccontentframe2, s2ccontentframe3...)
- If you have a content-managed site (like WordPress), please make sure that the iframe resizing script is whitelisted in any security plugins.
- If your site does not include jQuery, a link to jQuery will be required above the code shown in step 1, Simple Install. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
- If a page of dynamic content is Blank, then check if the links are HTTPS. If you add an SSL cert to your website, you must update the HTTP to HTTPS.
- If you need to add or remove any parts of dynamic content, like adding or removing a calculator or article topic, please create a help desk ticket.
Usage Right:
- The articles that come with Dynamic Content are protected by Federal Copyright law.
- Subscribers of Dynamic Content, CPA Email Newsletter, and CPASS Email Manager may publish Service2Client's articles in a monthly printed newsletter to their clients, provided the publication is less than 2500 prints a month.
- Do not resell the articles in Dynamic Content in whole or in part.
- Service2Client licenses the use of the photographs/graphics in the articles, but does not pass these rights on to our clients.
- Do not re-use the photographs/graphics in Dynamic Content.
- Service2Client owns the license rights to the "Cartoon of the Month" but does not pass this right on to our clients. Do not re-use or resell the "Cartoon of the Month."
- BLOGS: Service2Client prohibits the use of our articles in Blogs. Do not copy and paste our articles into a WordPress or Blog without first getting our permission and paying the license fee or using the Dynamic Post Plugin.
- BLOG License: Service2Client may give us rights to our content in Blogs during the time period that the client has a paid subscription to Dynamic Content, CPA Email Newsletter, or CPASS, Email Manager. Upon cancellation of our services, all copyrighted material must be removed from the end user's BLOG.
- Copyright: Service2Client LLC content is protected by federal copyright law.
- Photocopying or reproducing this content in any form other than for personal use by the Subscriber is strictly prohibited. If you want to use some of this content, contact Service2Client LLC first.
877-251-3273