Social Media

Social Media Overview

The Social Media module can allow users to publish content to their chosen media platforms. But before they can post it to any social media platform, it has to be linked to their account first. To do that you need to get the API and Secret Key for your social media accounts and authorize them on your website. They can publish it to the following social media sites:

Click on each social media platform below to get instructions on how to link them to your website and there's an instruction as well on how to publish your post to each social media site.

  • Facebook
  • Twitter
  • LinkedIn

Social Media Buttons

What is the Social Media Share Button Module

Consist of different kinds of social media buttons that can be easily added on the WebEd9 pages or page template using the curly bracket.

This was the social media pushed in WebEd7.

Why would you use Social Media Share Button?

To encourage the users or visitors to share the page/content on their social media accounts.

Example of Social Media Share Button, see it in action

Social media share buttons are added to the page

Social Media Buttons

How to implement add social media icons in page content

STEP-BY-STEP
  • 1
    Log in as an administrator and go to the Admin Dashboard.
    Learn how to log in here →
  • 2
    Create or Edit any page.
    Social Media Buttons
  • 3
    In the editor, click on {} icon and click Configure
    Social Media Buttons
  • 4
    When selecting the curly bracket, select Social Media Share Button instead of Social Media Button
    Social Media Buttons
  • 5
    The configuration for the curly bracket will show up. If you leave the URL empty, it will share the link to the current page. Toggle check buttons to hide or show the buttons that you want.
    Social Media Buttons
  • 6
    Click the Insert button and click OK from the configuration popup
  • 7
    Save the page and refresh.
    Social Media Buttons

Settings for Social Media Buttons

STEP-BY-STEP
  • 1
    Log in as an administrator and go to the Admin Dashboard.
    Learn how to log in here →
  • 2
    Go to admin > Module > Social Media buttons > Social Media Button Group
  • 3
    Click the New Social Media button group
    Social Media Buttons
  • 4
    Enter the name field of the social media button group and click create
    Social Media Buttons
  • 5
    Next is to create a social media button list
  • 6
    Go to admin > Module > Social Media buttons > Social Media Button Listing
  • 7
    Click Create New Social Media Button
    Social Media Buttons
  • 8
    Enter the necessary fields:
    • Name- the name of the social media
    • Icon Path - The icon/image URL path for your social media icons
    • URL - the URL of your social media account
    • Icon Template - Select the default icon template for the specific social media account
    • Groups - Select a group name you've recently added
    • Record order - Set the order for the display of this button
    • Click Create
    Social Media Buttons
  • 9
    See the sample listing of social media
    Social Media Buttons

Facebook Pixel

What is Facebook Pixel?

The Facebook Pixel is a piece of code that's placed on your website to report conversions, build audiences and get insights about how people are using your website. You can create up to 10 pixels in your Business Manager account.

Benefits of using a Facebook Pixel

There are several ways you can use data collected from Facebook pixel tracking to refine your Facebook advertising strategy.

How to Create a Facebook Pixel?

STEP-BY-STEP
  • 1
    You need to log in to Facebook user account management and then go to https://www.facebook.com/events_manager/
  • 2
    Click Get Started to create a Facebook pixel
    Facebook Pixel
  • 3
    After that, you can change the name of Facebook Pixel if you want. And then you click Create
    Facebook Pixel
  • 4
    Wait for few a minutes until the Facebook Pixel is created
    Facebook Pixel
  • 5
    After that, you need to set up the Facebook Pixel
  • 6
    You have 3 choices to set up a pixel.
    Facebook Pixel
  • 7
    You can choose to use an Integration or Tag Manager if you have any partner in there
    Facebook Pixel
  • 8
    In this demo, we'll choose the Google Tag Manager.
    Facebook Pixel
  • 9
    Choose Quick Install and log in your account google
    Facebook Pixel
  • 10
    You can see the list of information. Click Allow
    Facebook Pixel
  • 11
    Then your account google will have access to Google Tag Manager.
  • 12
    Select your Google Tag Manager account
    Facebook Pixel
  • 13
    Select a container
    Facebook Pixel
  • 14
    Click Next
    Facebook Pixel
  • 15
    Add or edit tags
    Facebook Pixel
  • 16
    Publish Changes
    Facebook Pixel
  • 17
    After that click Publish
    Facebook Pixel
  • 18
    On option Manually Install the Code Yourself
  • 19
    Follow Find header of your website
  • 20
    Log in as an administrator and go to the Admin Dashboard.
    Learn how to log in here →
  • 21
    Go to admin dashboard >> Page Content >> Page Template >> choose master page
    Facebook Pixel
  • 22
    Copy the entire pixel code
    Facebook Pixel
  • 23
    Put this in header of website on content of master page like this
    Facebook Pixel
  • 24
    After that you can send test traffic to your pixel. Enter your website in there and click Send Test Traffic
    Facebook Pixel
  • 25
    If you install correctly, your status will be shown as "active" like this
    Facebook Pixel
  • 26
    After that you can choice any events you want to track on continue tag
    Facebook Pixel
  • 27
    Set up is now done
  • 28
    On option Email Instructions to a Developer, enter recipient and install pixel base code on header page and click Send
    Facebook Pixel
  • 29
    Check your email. You will receive an email like this
    Facebook Pixel
  • 30
    After that you can see chart of activities in here
    Facebook Pixel
f