After almost 30 years in the business of web development and hosting, I finally terminated my last hosting server and moved my own WordPress blog to shared hosting.
I decided to start the website from scratch, just copying the wp_posts table from the old server to the new one.
I had to recreate some of the widgets (LinkedIn, Instagram) as well as add Google Ads and Analytics to the site. This is how:
LinkedIn Badge:
- Log in to LinkedIn
- Follow this link: https://www.linkedin.com/public-profile/settings
- Scroll down to the bottom of the list of choices in the right column
- Click “create a badge”
- Follow the instructions
Basically, you’ll have to add the following code as an HTML widget in your page
<script src="https://platform.linkedin.com/badges/js/profile.js" async defer type="text/javascript"></script>
With the code that was generated for you. In my case:
<div class="badge-base LI-profile-badge" data-locale="en_US" data-size="medium" data-theme="light" data-type="VERTICAL" data-vanity="messarra" data-version="v1"><a class="badge-base__link LI-simple-link" href="https://lb.linkedin.com/in/messarra?trk=profile-badge">Nasri Messarra</a></div>
If you don’t want to go through the whole process, copy both scripts to a widget after changing the text in bold to match your profile (replacing “messarra” with your LinkedIn ID/username).
Instagram Badge:
To embed an Instagram badge, manually and completely free (many tools can do a better job for a recurring fee but I usually try to avoid third-party applications), the easiest way is to open your Instagram account on your browser, pick your best photo or post, click on the three dots on the right side above your photo and click the embed button. Choose to include or not the caption, then copy the code to a widget.
Google AdSense / Google Ads / Google Analytics:
I still haven’t found the perfect solution for this, however, I installed a great plugin that helped me add Google code in the header without messing up my header.php page (or creating a child theme to avoid loosing my configuration at every theme update or upgrade or change). The plugin is called Head and Footer Code by Aleksandar Urošević and it can be found here.
Hope this helps…