Author 诗语

Using Media Sharing Buttons In Monarch

Using Media Sharing Buttons In Monarch
Encourage the sharing of media on media-centric websites such as Pinterest and Facebook.

An Overview Of Media Sharing Button Settings

Images are of the most shared content on the web and there is no reason you should miss out on letting your readers share your image-rich content with the world. Monarch auto detects all images within post content and even offers a custom shortcode to enable image sharing for any image on your site.
Choose Icon Style
Select Hover
This option allows you to choose from any of the available hover styles Monarch offers for Media Sharing Buttons. You can hover over any of the options to get an example preview of the hover effect. Once you decide on an option, just click to select any style and your section will be indicated by a green checkmark.
Choose Icon Shape
Select Shape
Monarch offers 3 shapes for your icon buttons: Squared, Rounded, and Circles. Combined with the styles mentioned above you can create a variety of great looking social buttons.
Display Settings
Icon Alignment
This option lets you select either 『Left』 or 『Centered』. Selecting left will display your button labels and/or share counts to the right of your network icons, creating a more horizontal button shape. Selecting 『Centered』 will place your button labels and/or share counts below your network icons and center the button content, creating a taller button shape.
Number of Columns
Monarch offers 7 column width options. You can choose to have up to 6 equal width columns, or let your buttons take on an auto-width based on the width of your buttons』 content. No matter your selection, Monarch accommodates for small browser widths and adjusts your column selection for mobile devices.
Display Share Counts
Displaying share counts is a great way to show off how many times your pages have been shared and even a great way to encourage visitors to spread your content. This number will appear inside each button either to the right or below your network icons based on your 『Icon Alignment』.
Minimum Count Display
Sometimes it is better to not show counts at all than it is to show that your content hasn』t been shared over a certain threshold. This setting allows you to set the minimum share count that Monarch will display in your media buttons. This is a great feature for new content that hasn』t had the opportunity to be shared for much time.
Display Total Shares
This share count will add up the shares across all displayed networks and display the total right above your buttons. This is a great way to show the totality of how popular a given page is.
Display Network Names
Check this box to display the network labels in your sharing buttons. These can be customized to whatever you wish. For example, you can choose to replace the Network Name 『Twitter』 to something like 『Tweet This』 or 『Share This』.
Outer Text Color
If the option above is selected, this option will appear to allow you to choose your Outer Text Color. This setting will affect your Total Shares Count, and your Network Label and/or individual share count if you have selected circular buttons, which place button text outside the background color of your buttons. Using circular buttons with network names on with media sharing can be hard to optimize since the images across your website will contain an array of colors.
Remove Icon Spacing
By default, the media sharing buttons are spaced out with a small margin. Checking this option lets you remove the spacing between your icons for a whole new set of design possibilities.
Hide On Mobile Devices
If you wish to not display media sharing buttons on mobile devices you can check this box.
Color Settings
Use Custom Colors
By default, Monarch uses the default network colors, but for a more custom approach you can select your own button colors. If an option below is not defined, the default setting will be used for that element.
Background Color
This color picker will define the background color of your media sharing buttons.
Hover Background Color
This color picker will define the background color of your media sharing buttons when the user hovers over a button.
Icon Color
This color picker will define the color of your media sharing buttons』 icons.
Icon Color
This color picker will define the color of your media sharing buttons』 icons when the user hover over a button.
Post Type Settings
Global Setting
Monarch will auto detect any image within a blog post and automatically enable media sharing for those images.
Media Sharing Shortcode
Although Monarch will only auto detect images on blog posts, you can enable media sharing for any image on your site by wrapping it in the media sharing shortcode like so [et_social_share_media][/et_social_share_media]

Viewing Your Social Stats In Monarch

Viewing Your Social Stats In Monarch
Monarch comes with some great stats that tell you how much people are sharing your website.

An Overview Of The Statistics Dashboard

We know how important it is to see how effective your social sharing buttons are on your website, so we built in an easy way to keep track of your user engagement over time. This dashboard can be accessed by the stats icon in top bar of the Monarch Dashboard
All-Time Stats
Total Shares
This number represents your all time share count across all social networks.
Total Likes
Users can also choose to simply 『Like』 a page. Because this is fundamentally different from sharing a page, we have broken this out as its own all-time stat.
Total Follows
Based on your Social Following networks, follow count inputs, and dynamically pulled follow counts, this stat displays a sum of followers across all of your social profiles.
Day, Week, Month, Year Stats
Past 7 Days
This is an overview of your sharing stats over the past week. You can hover over any color block to get a more detailed breakdown of each network.
Past 30 Days
This is a broader view of your sharing statistics, giving you a look at the past month of Monarch statistics. This view still gives you a day by day breakdown.
Past 12 Months
For an even higher level view at your Monarch history, you can take a look at the Year view, showing you a month by month breakdown of the past 12 months of sharing statistics.
Highest Performing Posts
Top Posts
This is a list of your most shared posts. This can give you, at a glance, an idea of which types of posts receive the best engagement level from your audience.

Individual Post Stats
In addition to the website-level stats available within the stats tab inside of the Monarch settings panel, Monarch also adds a stats meta box for each of your posts and pages. This meta box will appear either below or to the right of the post editor when you are editing a post or page. If you don』t see the Monarch meta box, check to make sure it is enabled within the Screen Options menu.
The individual post stats box gives you historical graphs of recent sharing activity, as well as the total shares for the post in the networks that you have enabled.

Adding and Managing Social Networks In Monarch

Adding and Managing Social Networks In Monarch
Before any social sharing buttons will show up, you first have to choose your favorites.

An Overview Of Adding and Managing Networks

Monarch makes it extremely easy to setup, order, and manage social sharing networks and your social network profiles. The dashboard breaks your networks setup into two different locations: Sharing and Following, which are described in detail below.
Social Sharing: Manage Networks

Add Networks
Clicking this button will bring up a modal window of all available social sharing networks. From here you can select networks, deselect networks, and see networks that you may have already had selected. Applying your selections will update your networks list.
Arranging Networks
Arranging your networks into a specific order is as easy as dragging and dropping.
Network Label
By default, Monarch uses the network names as the button labels, but you can type in whatever label you would like. For example, you may want to use labels such as 「Tweet This」 「Share This」 or 「Pin This」 instead of using network names.
Twitter Handle
If Twitter is added to your list, you can input your Twitter handle so that when people tweet a page, your Handle is automatically inserted to their tweet text.
Social Follow: Manage Networks

Add Networks
Clicking this button will bring up a modal window of all available social following networks. From here you can select networks, deselect networks, and see networks that you may have already had selected. Applying your selections will update your networks list.
Arranging Networks
Arranging your networks into a specific order is as easy as dragging and dropping.
Network Label
By default, Monarch uses the network names as the button labels, but you can type in whatever label you would like. For example, you may want to use labels such as 「Follow Us」 or 「Subscribe」 instead of using network names.
Profile URL
This link allows Monarch to link out to your social profiles when a visitor clicks on a social follow button.
Follow Count
In theses fields you can input your follow counts. Most networks require that you manually input and update these numbers, but in the display setting below, you can enable API counts for select networks.
Social Follow: Display Settings
Get Counts Via API
Checking this will enable all networks that have a follow count API to dynamically display your follow counts. To learn how to set these up, see the Network API Documentation.
Open Link in New Window
This option lets you define whether or not you want your social profile to open up in an new browser window.

Using Popup & Flyin Triggers Effectively In Monarch

Using Popup & Flyin Triggers Effectively In Monarch
Using Popup & Flyin triggers in combination can result in increase social sharing activity.

Triggers Control How And Where Popups Appear
Triggers give you control over how your popups are displayed. Namely, they control when they are triggered based on various user interactions. These triggers can be used by themselves, or in combination with other triggers, to yield different results. These triggers can thus be tailored to your specific content, or your specific social sharing goals. Certain triggers are more general and heavy handed, while other triggers are more subtle and target a specific subset of users. Be sure to watch the video for a detailed explanation of how these triggers can be used.
Trigger Settings
Trigger After Time Delay
If Automatic PopUps are enabled, this setting will appear, allowing you to specify the timed delay (in seconds) of your social popup.
Trigger After Inactivity
This will cause the popup to appear once the user has been inactive for a certain period of time. If the user has left their computer, or left the tab after reading your post, try reminding them to share when they get back!
Trigger After Scrolling
This will trigger the popup after the visitor has scrolled a certain percentage down the page. Depending on the size of your page, and the content within it, you can have the popup trigger at specific points within the reading. Depending on the situation, having the flying trigger at certain percentages may be much more effective than a timing delay.
Trigger After Commenting
This is a great way to target your most engaged visitors. When this is enabled, your visitor will be greeted with a flying after they have posted a comment on your website.
Trigger After Purchasing
This is another great way to target your most engaged visitors. When this is enabled, your customers will be asked to share your website after they have successfully purchased a product using WooCommerce.
Trigger at Bottom of Post
Just as a reader reaches the end of your page or post content is a perfect time to offer them a way to share your content. Enabling this popup trigger will auto detect the end of your content and do just that.
Triggers NOTE
No matter how many triggers you have selected above, Monarch will only use whichever trigger occurs first so that your users are not overwhelmed with popups if you have multiple triggers enabled.

An Overview Of Social Sharing Flyins

An Overview Of Social Sharing Flyins
Flyings are a great way to encourage sharing when visitors are most engaged with your post.

An Overview Of The Flyin Settings

Automatic Flyins are not only extremely easy to create with Monarch, but they are one of the most elegant ways to engage your users. Flys are either appear in the lower left or lower right corner of your visitors』 browsers and you can fully customize your flyin』s title, message, and display trigger.
Choose Icon Style
Select Hover
This option allows you to choose from any of the available hover styles Monarch offers for Flyin Sharing Buttons. You can hover over any of the options to get an example preview of the hover effect. Once you decide on an option, just click to select any style and your section will be indicated by a green checkmark.
Choose Icon Shape
Select Shape
Monarch offers 3 shapes for your icon buttons: Squared, Rounded, and Circles. Combined with the styles mentioned above you can create a variety of great looking social buttons.
Title
Input Custom Title
Give your Flyin a Custom title to further engage your readers.
Message
Input Custom Message
Give your Flyin a Custom message for a more detailed call to action, such as 「Share this page with your friends. Thanks for stopping by!」.
Display Settings
Choose Location
You can choose to display social flyins in either the lower left or lower right corner of your visitor』s browser.
Icon Alignment
This option lets you select either 『Left』 or 『Centered』. Selecting left will display your button labels and/or share counts to the right of your network icons, creating a more horizontal button shape. Selecting 『Centered』 will place your button labels and/or share counts below your network icons and center the button content, creating a taller button shape.
Number of Columns
Monarch offers 7 column width options. You can choose to have up to 6 equal width columns, or let your buttons take on an auto-width based on the width of your buttons』 content. No matter your selection, Monarch accommodates for small browser widths and adjusts your column selection for mobile devices.
Intro Animation
Boost the attention grabbing potential of your social flyins with a fun and engaging intro animation! Choose from 10 great load-in animations such as Zoom, Flip, Bounce, and Swing to catch your visitors』 eye.
Trigger After Time Delay
Enabling automatic flyins will trigger sharing flyins on your pages based on a timed delay. This is a great way to presented users that have been browsing your page for a specific amount of time with with a social flyin.
Trigger After Inactivity
This will cause the flyin to appear once the user has been inactive for a certain period of time. If the user has left their computer, or left the tab after reading your post, try reminding them toshare when they get back!
Trigger After Scrolling
This will trigger the flyin after the visitor has scrolled a certain percentage down the page. Depending on the size of your page, and the content within it, you can have the flyin trigger at specific points within the reading. Depending on the situation, having the flying trigger at certain percentages may be much more effective than a timing delay.
Trigger After Commenting
This is a great way to target your most engaged visitors. When this is enabled, your visitor will be greeted with a flying after they have posted a comment on your website.
Trigger After Purchasing
This is another great way to target your most engaged visitors. When this is enabled, your customers will be asked to share your website after they have successfully purchased a product using WooCommerce.
Trigger at Bottom of Post
Just as a reader reaches the end of your page or post content is a perfect time to offer them a way to share your content. Enabling this flyin trigger will auto detect the end of your content and do just that.
Triggers NOTE
No matter how many triggers you have selected above, Monarch will only use whichever trigger occurs first so that your users are not overwhelmed with flyin if you have multiple triggers enabled.
Display Once Per Session
By Default, Monarch will display a flyin on any and every page that has flyins enabled once per page view. Selecting this option will only present a visitor with one flyin per session.
Session Duration
If 『Display Once Per Session』 is selected, this option will be displayed, allowing you to define the length of time (in days) that a session lasts for. For example, if you input 『2』 a user will only see a flyin on your site every two days.
Display Share Counts
Displaying share counts is a great way to show off how many times your pages have been shared and even a great way to encourage visitors to spread your content. This number will appear inside each button either to the right or below your network icons based on your 『Icon Alignment』.
Minimum Count Display
Sometimes it is better to not show counts at all than it is to show that your content hasn』t been shared over a certain threshold. This setting allows you to set the minimum share count that Monarch will display in your flyin』s sharing buttons. This is a great feature for new content that hasn』t had the opportunity to be shared for much time.
Display Total Shares
This share count will add up the shares across all displayed networks and display the total right above your buttons. This is a great way to show the totality of how popular a given page is.
Display Network Names
Check this box to display the network labels in your sharing buttons. These can be customized to whatever you wish. For example, you can choose to replace the Network Name 『Twitter』 to something like 『Tweet This』 or 『Share This』.
Remove Icon Spacing
By default, the flyin icon buttons are spaced out with a small margin. Checking this option lets you remove the spacing between your icons for a whole new set of design possibilities.
Hide On Mobile Devices
If you wish to not display flyins on mobile devices you can check this box.
Color Settings
Use Custom Colors
By default, Monarch uses the default network colors, but for a more custom approach you can select your own button colors. If an option below is not defined, the default setting will be used for that element.
Background Color
This color picker will define the background color of your flyin sharing buttons.
Hover Background Color
This color picker will define the background color of your flyin sharing buttons when the user hovers over a button.
Icon Color
This color picker will define the color of your flyin sharing buttons』 icons.
Icon Color
This color picker will define the color of your flyin sharing buttons』 icons when the user hover over a button.
Post Type Settings
Select Your Post Types
All post types that exist on your website will appear in the Post Type Settings, whether it is a post or page, a WooCommerce Product, a Project post from a portfolio plugin, etc. These are global settings that allow you to choose what kind of posts you would like your social flyins to appear on. Note that you can override any of these settings on a per post basis.