<settings module="professional_sharing">
	<section name="general">
		<option type="status" name="dpc_status_professional_sharing" module="professional_sharing" title="{@text:Social Sharing}" description-intro="{@text:Facebook etc. are important sources for qualitative traffic, if your contents are worth sharing. Therefor offer your visitors sharing buttons.}" description="{@text:Use the social sharing buttons to offer your visitors an easy way to share your contents. You can design the buttons the way you want and furthermore: you get sharing statistics and this solution honors data privacy of your visitors. That data will only be submitted to social media, if users click on the designated buttons (with the original plugins social networks also collect data without being clicked on).}" helpstatistics="{@text:Make social sharing easier for your visitors. First you feed search engines and second you see how relevant your contents are.}" helptext="{@text:Make social sharing easier for your visitors. First you feed search engines and second you see how relevant your contents are.}" helplink-de="https://delucks.com/wordpress-seo-plugin/optimierung-anleitung/social-sharing/" helplink-en="https://delucks.com/en/wordpress-seo-plugin/optimization-tips-tutorial/social-sharing/">
			<value label="{@text:Activated}" class="btn btn-success" value="1" addToDom="class,value"/>
			<value label="{@text:Deactivated}" class="btn btn-warning" addToDom="class,value,data-target" toggle="posttypes"/>
		</option>
		<option type="section" section="image" />
		<option type="section" section="utm_tracking" />
		<option type="section" section="options" />
		<option type="section" section="sharing-buttons" />
		<option type="section" section="position" />
	</section>
	<section name="position">
		<option type="nextRow" />
		<option type="wrapper" width="4" class="col-sm-6 col-xs-12">
			<option type="copycode" heading="{@text:Shortcode}" id="sharingShortcode" name="Shortcode" text="[dpc_sharing]" />
		</option>
		<option type="wrapper" width="4" class="col-sm-6 col-xs-12">
			<option type="copycode" heading="{@text:PHP}" id="sharingPhp" name="PHP" text="&amp;lt;?php echo function_exists('dpc_sharing')  ? dpc_sharing() : ''; ?&amp;gt;" />
		</option>
		<option type="wrapper" width="4" class="col-sm-6 col-xs-12">
			<option type="link" target="_blank" link="./widgets.php" icon-class="fa fa-arrow-right" class="widget-area" text="{@text:Use it as a widget}" addToDom="target"/>
		</option>
		<option type="htmlelement" element="br" />

	</section>
	<section name="image">
		<option type="wrapper" width="3">
			<option type="mediaUploader" id="standard-meta-image-sharing" name="defaultMetaOgImage" width="250px" height="160px" frame-title="{@text:Select an image}" placeholder="{@text:Default preview image}"/>
		</option>

		<option type="wrapper" width="9">
			<option type="wrapper" width="5">
				<option type="text" name="facebookUrl" placeholder="http://www.facebook.com/Seitenname" value="" label="{@text:Facebook site url}" class="form-control" labelLinkUrl="https://developers.facebook.com/tools/debug/" labelLinkTarget="_blank" addToDom="value, placeholder,class" />
			</option>
			<option type="wrapper" width="3">
				<option type="button" name="action" value="visit_facebook" id="professional_sharing_visit_facebook" class="btn btn-facebook" label="{@text:Visit site}" style="margin: 10px 0 10px 0;" addToDom="id,class,style"/>
			</option>


			<option type="wrapper" width="5">
				<option type="text" name="xname" placeholder="" value="" label="{@text:X name}" class="form-control" labelLinkUrl="https://cards-dev.x.com/validator" labelLinkTarget="_blank" addToDom="value, placeholder,class" />
			</option>
			<option type="wrapper" width="3">
				<option type="button" name="action" value="visit_x" id="professional_sharing_visit_x" class="btn btn-x" label="{@text:Visit site}" style="margin: 10px 0 10px 0;" addToDom="id,class,style"/>
			</option>


			<option type="wrapper" width="12">
				<option type="hinweis" text=" {@text:If your domain isnt whitelisted for X Cards yet, you can request it via the validator}" />
			</option>
		</option>

		<option type="nextRow" />
		<option type="wrapper" width="12">
			<option type="htmlelement" element="hr"/>
		</option>

		<option type="wrapper" width="4" class="col-sm-12 col-xs-12">
			<option type="select" name="activeNetworks" label="{@text:Active networks}" class="form-control" numberDisplayed="8" multiple="multiple" addToDom="class,multiple">
				<value label="Facebook" value="Facebook" />
				<value label="X" value="X" />
				<value label="Pinterest" value="Pinterest" />
				<value label="Xing" value="Xing" />
				<value label="Whatsapp" value="Whatsapp" />
				<value label="Tumblr" value="Tumblr" />
				<value label="LinkedIn" value="Linkedin" />
				<value label="Flattr" value="Flattr" />
				<value label="Buffer" value="Buffer" />
				<value label="Stumbleupon" value="Stumbleupon" />
				<value label="Print" value="Print" />
				<value label="Skype" value="Skype" />
				<value label="Baidu" value="Baidu" />
				<value label="Weibo" value="Weibo" />
				<value label="VKontakte" value="VKontakte" />
				<value label="Mail" value="Mail" />
				<value label="Total" value="Total" />
				<value label="More" value="More" />
			</option>
		</option>

		<option type="wrapper" width="4" class="col-sm-4 col-xs-12">
				<option type="text" name="options][button][countPerRow" label="{@text:Number of buttons per row}" placeholder="5" class="form-control" taddToDom="class"/>
		</option>

		<option type="wrapper" width="4" class="col-sm-4 col-xs-12">
			<option type="select" label="{@text:Show buttons on}" name="showButtonsOn" class="form-control select2" multiple="multiple" addToDom="class,multiple" source="@function:getCustomPostTypes" sourceParams="attachment,revision,nav_menu_item,product_variation,shop_order,shop_coupon" >
				<!-- >value label="Archive" value="archives"/ -->
			</option>
		</option>
	</section>

	<section name="sharing-buttons">
		<option type="collection" class="tosort-row row">
			<option type="each" source="@method:professional_sharing:getNetworkList" sourceParams="X,Facebook,Pinterest,Xing,Whatsapp,Tumblr,Linkedin,Flattr,Buffer,Stumbleupon,Baidu,Weibo,Skype,VKontakte,Print,Mail,Total,More" namespace="social">
				<option type="var" key="buttonSettingsExists" value="@function:settingsSectionExists" params="buttonSettings_{@ns:social|name}" />
				<option type="wrapper" width="12" class="social-network-sortable-row no-padding no-margin handler toggle-row col-sm-12 col-xs-12" data-new-row="{@ns:social|new}" style="display:none" addToDom="style,data-new-row">
					<option type="hidden" name="sort_order][" value="{@ns:social|label}" class="{@ns:social|label}" addToDom="class"/>
					<option type="wrapper" width="6" class="col-sm-3 col-xs-3">
						<option type="method" module="professional_sharing" function="showButton" params="{@ns:social|name}"/>
					</option>
					<option type="wrapper" width="2" class="col-sm-7 col-xs-7">
						<option type="checkbox" id="{@ns:social|name}-mobile" name="networks][{@ns:social|name}][mobile" label="{@text:Mobile}" data-original-title="{@ns:social|name}" class="icheckbox_square-blue form-control" addToDom="value,data-original-title,class,data-toggle" />
					</option>

					<option type="if" condition="{@var:buttonSettingsExists}" operator="!=" value="">
						<option type="wrapper" width="2" class="col-sm-7 col-xs-7">
							<option type="checkbox" id="{@ns:social|name}-desktop" name="networks][{@ns:social|name}][desktop" label="{@text:Desktop}" data-original-title="{@ns:social|name}" class="icheckbox_square-blue form-control" addToDom="value,data-original-title,class,data-toggle" />
						</option>
					</option>
					<option type="if" condition="{@var:buttonSettingsExists}" operator="==" value="">
						<option type="wrapper" width="3" class="col-sm-7 col-xs-7">
							<option type="checkbox" id="{@ns:social|name}-desktop" name="networks][{@ns:social|name}][desktop" label="{@text:Desktop}" data-original-title="{@ns:social|name}" class="icheckbox_square-blue form-control" addToDom="value,data-original-title,class,data-toggle" />
						</option>
					</option>

					<option type="if" condition="{@var:buttonSettingsExists}" operator="!=" value="">
						<option type="wrapper" width="1" class="col-sm-1 col-xs-1">
							<option type="toggleButton" class="toggle-button btn btn-link black " icon-class="cogs" data-toggle="buttonSettings_{@ns:social|name}" addToDom="class,data-toggle"/>
						</option>
					</option>

					<option type="toggleButton" class="toggle-button btn btn-link black " icon-class="paint-brush" data-toggle="buttonColor_{@ns:social|name}" addToDom="class,data-toggle" />
					<option type="nextRow" />
					<option type="section" section="buttonSettings_{@ns:social|name}" inEach="true" />
					<option type="section" section="buttonColor_{@ns:social|name}" inEach="true" />
				</option>
			</option>
		</option>
	</section>
	<section name="buttonGeneral">
		<option type="wrapper" width="12" class="no-padding no-margin" style="width: 100%;">
			<option type="wrapper" width="3" class="space-right-20 padding-right-30 border-right col-sm-3 col-xs-3 first-col-highlighted">
				<option type="checkbox" id="{@ns:social|name}Label" name="networks][{@ns:social|name}][label][display" label="{@text:Label}" class="icheckbox_square-blue form-control" addToDom="value, placeholder,class" />

				<option type="each" source="@function:getLanguages" namespace="lang">
					<option type="wrapper" width="12" class="no-padding no-margin">
						<option type="wrapper" width="2" class="col-sm-2 col-xs-12">
							<option type="paragraph" text="{@ns:lang|name}" />
						</option>
						<option type="wrapper" width="10" class="col-sm-10 col-xs-12">
							<option type="text" name="networks][{@ns:social|name}][label][text][{@ns:lang|lang_key}" class="form-control" addToDom="class"/>
						</option>
					</option>
				</option>
				<option type="nextRow" />

				<option type="colorpicker" icon="fa-stop" value="#ffffff" name="networks][{@ns:social|name}][label][color" description="{@text:Font color}" class="form-control" addToDom="class,data-color"/>
				<option type="colorpicker" icon="fa-stop" value="#3B5998" name="networks][{@ns:social|name}][label][background" description="{@text:Background color}" class="form-control" addToDom="class,data-color"/>
			</option>
			<option type="wrapper" width="3" class="space-right-20 padding-right-30 border-right col-sm-3 col-xs-3">
				<option type="checkbox" id="{@ns:social|name}Icon" name="networks][{@ns:social|name}][icon][display" label="{@text:Icon}" class="icheckbox_square-blue form-control" addToDom="value, placeholder,class" />
				<option type="colorpicker" icon="fa-stop" value="#ffffff" name="networks][{@ns:social|name}][icon][color" description="{@text:Icon color}" class="form-control" addToDom="class,data-color"/>
			</option>
			<option type="wrapper" width="3" class="col-sm-3 col-xs-3">
				<option type="checkbox" id="{@ns:social|name}Counter" name="networks][{@ns:social|name}][counter][display" label="{@text:Counter}" class="icheckbox_square-blue form-control" addToDom="value, placeholder,class" />
				<option type="colorpicker" icon="fa-stop" value="#ffffff" name="networks][{@ns:social|name}][counter][color" description="{@text:Counter color}" class="form-control" addToDom="class,data-color"/>
				<option type="colorpicker" icon="fa-stop" value="#3B5998" name="networks][{@ns:social|name}][counter][background" description="{@text:Counter background}" class="form-control" addToDom="class,data-color"/>
			</option>
		</option>
	</section>
	<section name="buttonColor_facebook" hide="true">
		<option type="section" section="buttonGeneral" inEach="true" />
	</section>
	<section name="buttonColor_x" hide="true">
		<option type="section" section="buttonGeneral" inEach="true" />
	</section>
	<section name="buttonColor_pinterest" hide="true">
		<option type="section" section="buttonGeneral" inEach="true" />
	</section>
	<section name="buttonColor_baidu" hide="true">
		<option type="section" section="buttonGeneral" inEach="true" />
	</section>
	<section name="buttonColor_weibo" hide="true">
		<option type="section" section="buttonGeneral" inEach="true" />
	</section>
	<section name="buttonColor_skype" hide="true">
		<option type="section" section="buttonGeneral" inEach="true" />
	</section>
		<section name="buttonColor_vkontakte" hide="true">
		<option type="section" section="buttonGeneral" inEach="true" />
	</section>
	<section name="buttonSettings_pinterest" hide="true">
		<option type="wrapper" width="12" class="no-padding no-margin col-sm-12 col-xs-12">
			<option type="wrapper" width="1" class="col-sm-1 col-xs-1"/>
			<option type="wrapper" width="11" class="no-padding no-margin">
				<option type="heading" size="5" value="{@text:Image minimum dimensions}" />
			</option>
			<option type="nextRow" />
			<option type="wrapper" width="1" class="col-sm-1 col-xs-1"/>
			<option type="wrapper" class="margin-right-ten no-padding col-sm-3 col-xs-4" width="2">
				<option type="text" name="networks][{@ns:social|name}][settings][min-height" value="150" class="form-control" description="{@text:Height}" addToDom="class"/>
			</option>
			<option type="wrapper" class="no-margin no-padding col-sm-3 col-xs-4" width="2">
				<option type="text" name="networks][{@ns:social|name}][settings][min-width" value="150" class="form-control" description="{@text:Width}" addToDom="class"/>
			</option>
			<option type="nextRow" />
		</option>
	</section>
	<section name="buttonColor_xing" hide="true">
		<option type="section" section="buttonGeneral" inEach="true" />
	</section>
	<section name="buttonColor_whatsapp" hide="true">
		<option type="section" section="buttonGeneral" inEach="true" />
	</section>
	<section name="buttonSettings_whatsapp" hide="true">
		<option type="wrapper" width="12" class="no-padding no-margin col-sm-12 col-xs-12">
			<option type="wrapper" width="1" class="col-sm-1 col-xs-1"/>
			<option type="wrapper" width="11" class="no-padding no-margin">
				<option type="heading" size="5" value="{@text:Sharing message}" />
			</option>
			<option type="nextRow" />
			<option type="each" source="@function:getLanguages" namespace="lang">
				<option type="wrapper" width="1" class="col-sm-1 col-xs-1"/>
				<option type="wrapper" width="2" class="col-sm-2 col-xs-12">
					<option type="paragraph" text="{@ns:lang|name}" />
				</option>
				<option type="wrapper" class="margin-right-ten no-padding col-sm-12 col-xs-12" width="8">
					<option type="text" name="networks][{@ns:social|name}][settings][sharing_text][{@ns:lang|lang_key}" value="" class="form-control" addToDom="class"/>
				</option>
				<option type="nextRow" />
			</option>

			<option type="nextRow" />
			<option type="wrapper" width="1" class="col-sm-1 col-xs-1"/>
			<option type="wrapper" class="no-margin no-padding col-sm-12 col-xs-12" width="8">
				<option type="hinweis" text="{@text:This text will be shown to the reciever of the whatsapp message}" class="default" addToDom="class"/>
			</option>
			<option type="nextRow" />
		</option>
	</section>
	<section name="buttonColor_tumblr" hide="true">
		<option type="section" section="buttonGeneral" inEach="true" />
	</section>
	<section name="buttonColor_linkedin" hide="true">
		<option type="section" section="buttonGeneral" inEach="true" />
	</section>
	<section name="buttonColor_flattr" hide="true">
		<option type="section" section="buttonGeneral" inEach="true" />
	</section>
	<section name="buttonSettings_flattr" hide="true">
		<option type="wrapper" width="12" class="no-padding no-margin col-sm-12 col-xs-12">
			<option type="wrapper" width="1" class="col-sm-1 col-xs-1"/>
			<option type="wrapper" width="5" class="col-sm-6 col-xs-6">
				<option type="text" label="{@text:User-ID}" name="networks][{@ns:social|name}][settings][user_id" class="form-control" addToDom="class"/>
			</option>
		</option>
	</section>
	<section name="buttonColor_buffer" hide="true">
		<option type="section" section="buttonGeneral" inEach="true" />
	</section>
	<section name="buttonColor_stumbleupon" hide="true">
		<option type="section" section="buttonGeneral" inEach="true" />
	</section>
	<section name="buttonColor_print" hide="true">
		<option type="section" section="buttonGeneral" inEach="true" />
	</section>
	<section name="buttonColor_mail" hide="true">
		<option type="section" section="buttonGeneral" inEach="true" />
	</section>
	<section name="buttonColor_more" hide="true">
		<option type="section" section="buttonGeneral" inEach="true" />
	</section>
	<section name="buttonColor_total" hide="true">
		<option type="section" section="buttonGeneral" inEach="true" />
	</section>
	<section name="buttonSettings_more" hide="true">
		<option type="wrapper" width="12" class="no-padding no-margin col-sm-12 col-xs-12">
			<option type="wrapper" width="1" class="col-sm-1 col-xs-1"/>
			<option type="wrapper" width="5" class="col-sm-12 col-xs-12">
				<option type="heading" size="4" value="{@text:Label when unfolded}" />
				<option type="each" source="@function:getLanguages" namespace="lang">
					<option type="wrapper" width="12" class="no-padding no-margin">
						<option type="wrapper" width="2" class="col-sm-2 col-xs-12">
							<option type="image" image="{@ns:lang|icon_url}" text-after="{@ns:lang|label}" class="lang-img" addToDom="class"/>
						</option>
						<option type="wrapper" width="10" class="col-sm-10 col-xs-12">
						<option type="text" name="networks][{@ns:social|name}][settings][label_inactive][{@ns:lang|lang_key}" class="form-control" addToDom="class"/>
						</option>
					</option>
				</option>
				<option type="nextRow" />
			</option>
		</option>
	</section>
	
	
	<section name="utm_tracking">
		<option type="wrapper" width="12" class="no-padding no-margin col-sm-12 col-xs-12">
			<option type="checkbox" id="utm_tracking_status" name="utm_tracking_status" label="{@text:Enable UTM Tracking}" class="icheckbox_square-blue form-control" data-toggle="buttons" addToDom="value, placeholder,class, data-toggle" />
		</option>
		<option type="wrapper" width="12" row="no" class="stopword-wrap col-sm-12 col-xs-12"> 
			<option type="wrapper" row="no"  hide="true" displayElement="utm_tracking_status" displayValue="on" displayType="block"> 
				<option type="wrapper" width="6" class="no-padding no-margin col-sm-6 col-xs-6">
					<option type="text" name="utm_campaign][id" value="" class="form-control" label="{@text:Campaign ID}" description="{@text:The ads campaign id}" addToDom="class"/>
					<option type="text" name="utm_campaign][medium" value="" class="form-control" label="{@text:Campaign Medium}" description="{@text:Marketing medium (e.g. cpc, banner, email)}" addToDom="class"/>
					<option type="text" name="utm_campaign][term" value="" class="form-control" label="{@text:Campaign Term}" description="{@text:Identify the paid keywords}" addToDom="class"/>
				</option>
				<option type="wrapper" width="6" class="no-padding no-margin col-sm-6 col-xs-6">
					<option type="text" name="utm_campaign][source" value="" class="form-control" label="{@text:Campaign Source}" description="{@text:The referrer (e.g. google, newsletter)}" addToDom="class"/>
					<option type="text" name="utm_campaign][name" value="" class="form-control" label="{@text:Campaign Name}" description="{@text:One of campaign name or campaign id are required}" addToDom="class"/>
					<option type="text" name="utm_campaign][content" value="" class="form-control" label="{@text:Campaign Content}" description="{@text:Use to differentiate ads}" addToDom="class"/>
				</option>
			</option>
		</option>
	</section>
	

	<section name="options">
		<option type="nextRow" />
		<option type="wrapper" width="12">
			<option type="htmlelement" element="hr"/>
		</option>

		<!-- Toggle -->
		<option id="titleToggle" style="display:none" type="wrapper" width="12" class="row col-sm-12 col-xs-12" addToDom="style">
			<option type="wrapper" class="no-margin no-padding col-sm-5 col-xs-6" width="5">
				<option type="wrapper" width="12">
					<option type="heading" size="5" value="{@text:Button margin}" />
				</option>

				<option type="wrapper" class=" col-sm-8 col-xs-8" width="4">
					<option type="text" name="options][button][marginLeft" value="15" class="form-control" description="{@text:Left (px)}" addToDom="class"/>
				</option>
				<option type="wrapper" class="col-sm-8 col-xs-8" width="4">
					<option type="text" name="options][button][marginRight" value="15" class="form-control" description="{@text:Right (px)}" addToDom="class"/>
				</option>
				<option type="nextRow" />
				<option type="wrapper" class="col-sm-8 col-xs-8" width="4">
					<option type="text" name="options][label][fontsize" value="15" class="form-control" description="{@text:Font size (px)}" addToDom="class"/>
				</option>
				<option type="wrapper" class="col-sm-8 col-xs-8" width="4">
					<option type="text" name="options][icon][fontsize" value="15" class="form-control" description="{@text:Icon size (px)}" addToDom="class"/>
				</option>
				<option type="nextRow" />
				<option type="wrapper" width="12">
					<option type="heading" size="5" value="{@text:Representation}" />
				</option>
				<option type="nextRow" />
				<option type="wrapper" class="col-sm-8 col-xs-8" width="4">
					<option type="text" name="options][button][borderRadius" value="4" class="form-control" description="{@text:Border radius (px)}" addToDom="class"/>
				</option>
				<option type="nextRow" />

				<option type="wrapper" width="6">
					<option type="checkbox" id="button_consistentSize" name="options][button][consistentSize" label="{@text:Uniform buttons}" class="icheckbox_square-blue form-control" data-toggle="buttons" addToDom="value, placeholder,class,data-toggle" />
				</option>
				<option type="wrapper" width="6">
					<option type="checkbox" id="button_showCounterArrows" name="options][button][showCounterArrows" label="{@text:Show Counter Arrows}" class="icheckbox_square-blue form-control" data-toggle="buttons" addToDom="value, placeholder,class,data-toggle" />
				</option>
				<option type="nextRow" />


				<option type="wrapper" class="no-margin no-padding" width="12" hide="true" displayElement="options][button][consistentSize" displayValue="on">
					<option type="text" label="{@text:Maximum width}" placeholder="200" value="200" name="options][button][maxWidth" class="form-control" addToDom="placeholder,class"/>
				</option>
				<option type="nextRow" />
			</option>
			<option type="wrapper" class="no-margin no-padding col-sm-4 col-xs-6" width="5" row="no">
				<option type="wrapper" width="12">
					<option type="heading" size="5" value="{@text:Counter margin}" />
				</option>

				<option type="wrapper" width="12">
					<option type="wrapper" class="col-sm-8 col-xs-8" width="4">
						<option type="text" name="options][counter][marginLeft" value="15" class="form-control" description="{@text:Left (px)}" addToDom="class"/>
					</option>
					<option type="wrapper" class="col-sm-8 col-xs-8" width="4">
						<option type="text" name="options][counter][marginRight" value="15" class="form-control" description="{@text:Right (px)}" addToDom="class"/>
					</option>
					<option type="wrapper" class="col-sm-8 col-xs-8" width="4">
						<option type="text" name="options][counter][fontsize" value="15" class="form-control" description="{@text:Counter font size (px)}" addToDom="class"/>
					</option>
				</option>
			</option>
			<option type="nextRow" />
		</option>
		<option type="nextRow" />
	</section>

	<section name="manager">
		<option type="var" key="object_id" value="@function:getObejctId" />
		<option type="var" key="shares_total" value="@method:professional:sharing:getNetworkCountByPost" params="{@var:object_id}|total" />
		<option type="var" key="views_total" value="@function:getPostHits" params="{@var:object_id}" />
		<option type="var" key="views_average" value="@function:getPostHits" params="{@var:object_id}|true" />
		<option type="wrapper" width="6" style="position: absolute; right: 0; top: 0;" addToDom="style">
			<option type="sharingDonut" shares="{@var:shares_total}" views="{@var:views_total}" average="{@var:views_average}" id="{@var:object_id}"/>
		</option>
		<option type="nextRow" />
	</section>

	<section name="modal" hasWrap="no" skipWrapper="true" addToDom="class" css="true">

		<option type="wrapper" width="6" class="no-margin-top" addToDom="class" >
			<option type="heading" size="4" value="{@text:Social sharing settings}" />
			<option type="mediaUploader" id="standard-meta-image-sharing" label="{@text:Preview Image} (470x246px)" usePostImageDefault="true" name="dpc-meta-og-image" postMeta="true" width="100%" height="160px" frame-title="{@text:Select an image}" />
			<!-- <option type="wrapper" width="9" class="no-margin-top" addToDom="class" >
				<option type="printMethod" module="professional_sharing" method="modalInputs" />
			</option> -->

			<option type="text" name="dpc-meta-og-title" class="form-control has-counter" has-counter="true" data-maximum="70" label="{@text:Social Media Title}" postMeta="true" addToDom="class,data-maximum" placeholder="{@text:Automatically}" />
			<option type="textarea" name="dpc-meta-og-description" class="form-control has-counter" has-counter="true" data-maximum="124" label="{@text:Social Media Description}" postMeta="true" addToDom="class,data-maximum" placeholder="{@text:Automatically}" />
			<option type="checkbox" id="hideSharingButtons" name="dpc-hide-sharing-buttons" label="{@text:Hide sharing buttons}" class="icheckbox_square-blue form-control" postMeta="true" addToDom="value,placeholder,class" />
		</option>
		<option type="wrapper" width="6" class="no-margin-top" addToDom="class" >
			<option type="heading" size="4" value="{@text:UTM Tracking}" />

			<option type="text" name="dpc-utm-tracking-id" value="" class="form-control" label="{@text:Campaign ID}" postMeta="true" description="{@text:The ads campaign id}" addToDom="class"/>
			<option type="text" name="dpc-utm-tracking-medium" value="" class="form-control" label="{@text:Campaign Medium}" postMeta="true" description="{@text:Marketing medium (e.g. cpc, banner, email)}" addToDom="class"/>
			<option type="text" name="dpc-utm-tracking-term" value="" class="form-control" label="{@text:Campaign Term}" postMeta="true" description="{@text:Identify the paid keywords}" addToDom="class"/>

			<option type="text" name="dpc-utm-tracking-source" value="" class="form-control" label="{@text:Campaign Source}" postMeta="true" description="{@text:The referrer (e.g. google, newsletter)}" addToDom="class"/>
			<option type="text" name="dpc-utm-tracking-name" value="" class="form-control" label="{@text:Campaign Name}" postMeta="true" description="{@text:One of campaign name or campaign id are required}" addToDom="class"/>
			<option type="text" name="dpc-utm-tracking-content" value="" class="form-control" label="{@text:Campaign Content}" postMeta="true" description="{@text:Use to differentiate ads}" addToDom="class"/>
		</option>
	</section>

	<defaults>
		<var name="activeNetworks" value="Facebook,X,Mail" function="explode" />
		<var name="options][button][countPerRow" value="3" />
		<var name="options][button][marginLeft" value="5" />
		<var name="options][button][marginRight" value="5" />
		<var name="options][button][consistentSize" value="" />
		<var name="options][button][showCounterArrows" value="" />
		<var name="options][button][maxWidth" value="200" />
		<var name="options][label][fontsize" value="14" />
		<var name="options][icon][fontsize" value="15" />
		<var name="options][counter][fontsize" value="14" />
		<var name="options][counter][marginLeft" value="0" />
		<var name="options][counter][marginRight" value="0" />
		<var name="options][button][borderRadius" value="0" />
		<var name="utm_tracking_status" value="" />
		<var name="facebookUrl" value="" />
		<var name="xname" value="" />
		<var name="dpc-hide-sharing-buttons" value="" />

		<var name="networks][x][desktop" value="on" />
		<var name="networks][x][mobile" value="on" />
		<var name="networks][x][label][display" value="on" />
		<var name="networks][x][label][text][de" value="Post" />
		<var name="networks][x][label][text][en" value="Post" />
		<var name="networks][x][label][color" value="#ffffff" />
		<var name="networks][x][label][background" value="#000" />
		<var name="networks][x][icon][display" value="on" />
		<var name="networks][x][icon][color" value="#ffffff" />
		<var name="networks][x][counter][display" value="on" />
		<var name="networks][x][counter][color" value="#ffffff" />
		<var name="networks][x][counter][background" value="#000" />

		<var name="networks][more][desktop" value="on" />
		<var name="networks][more][label][display" value="on" />
		<var name="networks][more][label][text][de" value="Mehr" />
		<var name="networks][more][label][text][en" value="More" />
		<var name="networks][more][label][color" value="#ffffff" />
		<var name="networks][more][label][background" value="#000000" />
		<var name="networks][more][icon][display" value="on" />
		<var name="networks][more][icon][color" value="#ffffff" />
		<var name="networks][more][counter][display" value="on" />
		<var name="networks][more][counter][color" value="#ffffff" />
		<var name="networks][more][counter][background" value="#464646" />

		<var name="networks][facebook][desktop" value="on" />
		<var name="networks][facebook][mobile" value="on" />
		<var name="networks][facebook][label][display" value="on" />
		<var name="networks][facebook][label][text][de" value="Share" />
		<var name="networks][facebook][label][text][en" value="Share" />
		<var name="networks][facebook][label][color" value="#ffffff" />
		<var name="networks][facebook][label][background" value="#4f69a2" />
		<var name="networks][facebook][icon][display" value="on" />
		<var name="networks][facebook][icon][color" value="#ffffff" />
		<var name="networks][facebook][counter][display" value="on" />
		<var name="networks][facebook][counter][color" value="#ffffff" />
		<var name="networks][facebook][counter][background" value="#6884c2" />

		<var name="networks][whatsapp][mobile" value="on" />
		<var name="networks][whatsapp][label][display" value="on" />
		<var name="networks][whatsapp][label][text][de" value="Whatsapp" />
		<var name="networks][whatsapp][label][text][en" value="Whatsapp" />
		<var name="networks][whatsapp][label][color" value="#ffffff" />
		<var name="networks][whatsapp][label][background" value="#5cbe4a" />
		<var name="networks][whatsapp][icon][display" value="on" />
		<var name="networks][whatsapp][icon][color" value="#ffffff" />
		<var name="networks][whatsapp][counter][display" value="on" />
		<var name="networks][whatsapp][counter][color" value="#ffffff" />
		<var name="networks][whatsapp][counter][background" value="#6ccf5a" />

		<var name="networks][pinterest][desktop" value="on" />
		<var name="networks][pinterest][mobile" value="on" />
		<var name="networks][pinterest][label][display" value="on" />
		<var name="networks][pinterest][label][text][de" value="Pin it" />
		<var name="networks][pinterest][label][text][en" value="Pin it" />
		<var name="networks][pinterest][label][color" value="#ffffff" />
		<var name="networks][pinterest][label][background" value="#d24549" />
		<var name="networks][pinterest][icon][display" value="on" />
		<var name="networks][pinterest][icon][color" value="#ffffff" />
		<var name="networks][pinterest][counter][display" value="on" />
		<var name="networks][pinterest][counter][color" value="#ffffff" />
		<var name="networks][pinterest][counter][background" value="#e35559" />

		<var name="networks][xing][desktop" value="on" />
		<var name="networks][xing][mobile" value="on" />
		<var name="networks][xing][label][display" value="on" />
		<var name="networks][xing][label][text][de" value="Xing" />
		<var name="networks][xing][label][text][en" value="Xing" />
		<var name="networks][xing][label][color" value="#ffffff" />
		<var name="networks][xing][label][background" value="#026466" />
		<var name="networks][xing][icon][display" value="on" />
		<var name="networks][xing][icon][color" value="#ffffff" />
		<var name="networks][xing][counter][display" value="on" />
		<var name="networks][xing][counter][color" value="#ffffff" />
		<var name="networks][xing][counter][background" value="#07787a" />

		<var name="networks][tumblr][desktop" value="on" />
		<var name="networks][tumblr][mobile" value="on" />
		<var name="networks][tumblr][label][display" value="on" />
		<var name="networks][tumblr][label][text][de" value="Tumblr" />
		<var name="networks][tumblr][label][text][en" value="Tumblr" />
		<var name="networks][tumblr][label][color" value="#ffffff" />
		<var name="networks][tumblr][label][background" value="#34506b" />
		<var name="networks][tumblr][icon][display" value="on" />
		<var name="networks][tumblr][icon][color" value="#ffffff" />
		<var name="networks][tumblr][counter][display" value="on" />
		<var name="networks][tumblr][counter][color" value="#ffffff" />
		<var name="networks][tumblr][counter][background" value="#476079" />

		<var name="networks][linkedin][desktop" value="on" />
		<var name="networks][linkedin][mobile" value="on" />
		<var name="networks][linkedin][label][display" value="on" />
		<var name="networks][linkedin][label][text][de" value="LinkedIn" />
		<var name="networks][linkedin][label][text][en" value="LinkedIn" />
		<var name="networks][linkedin][label][color" value="#ffffff" />
		<var name="networks][linkedin][label][background" value="#3399cc" />
		<var name="networks][linkedin][icon][display" value="on" />
		<var name="networks][linkedin][icon][color" value="#ffffff" />
		<var name="networks][linkedin][counter][display" value="on" />
		<var name="networks][linkedin][counter][color" value="#ffffff" />
		<var name="networks][linkedin][counter][background" value="#46a2d0" />

		<var name="networks][flattr][desktop" value="on" />
		<var name="networks][flattr][mobile" value="on" />
		<var name="networks][flattr][label][display" value="on" />
		<var name="networks][flattr][label][text][de" value="Flattr" />
		<var name="networks][flattr][label][text][en" value="Flattr" />
		<var name="networks][flattr][label][color" value="#ffffff" />
		<var name="networks][flattr][label][background" value="#f8b234" />
		<var name="networks][flattr][icon][display" value="on" />
		<var name="networks][flattr][icon][color" value="#ffffff" />
		<var name="networks][flattr][counter][display" value="on" />
		<var name="networks][flattr][counter][color" value="#ffffff" />
		<var name="networks][flattr][counter][background" value="#f7b847" />

		<var name="networks][buffer][desktop" value="on" />
		<var name="networks][buffer][mobile" value="on" />
		<var name="networks][buffer][label][display" value="on" />
		<var name="networks][buffer][label][text][de" value="Buffer" />
		<var name="networks][buffer][label][text][en" value="Buffer" />
		<var name="networks][buffer][label][color" value="#ffffff" />
		<var name="networks][buffer][label][background" value="#000000" />
		<var name="networks][buffer][icon][display" value="on" />
		<var name="networks][buffer][icon][color" value="#ffffff" />
		<var name="networks][buffer][counter][display" value="on" />
		<var name="networks][buffer][counter][color" value="#ffffff" />
		<var name="networks][buffer][counter][background" value="#211f1f" />

		<var name="networks][stumbleupon][desktop" value="on" />
		<var name="networks][stumbleupon][mobile" value="on" />
		<var name="networks][stumbleupon][label][display" value="on" />
		<var name="networks][stumbleupon][label][text][de" value="SU" />
		<var name="networks][stumbleupon][label][text][en" value="SU" />
		<var name="networks][stumbleupon][label][color" value="#ffffff" />
		<var name="networks][stumbleupon][label][background" value="#ea4a24" />
		<var name="networks][stumbleupon][icon][display" value="on" />
		<var name="networks][stumbleupon][icon][color" value="#ffffff" />
		<var name="networks][stumbleupon][counter][display" value="on" />
		<var name="networks][stumbleupon][counter][color" value="#ffffff" />
		<var name="networks][stumbleupon][counter][background" value="#eb5b39" />

		<var name="networks][print][desktop" value="on" />
		<var name="networks][print][label][display" value="on" />
		<var name="networks][print][label][text][de" value="Print" />
		<var name="networks][print][label][text][en" value="Print" />
		<var name="networks][print][label][color" value="#ffffff" />
		<var name="networks][print][label][background" value="#000000" />
		<var name="networks][print][icon][display" value="on" />
		<var name="networks][print][icon][color" value="#ffffff" />
		<var name="networks][print][counter][display" value="on" />
		<var name="networks][print][counter][color" value="#ffffff" />
		<var name="networks][print][counter][background" value="#464646" />

		<var name="networks][mail][desktop" value="on" />
		<var name="networks][mail][mobile" value="on" />
		<var name="networks][mail][label][display" value="on" />
		<var name="networks][mail][label][text][de" value="Mail" />
		<var name="networks][mail][label][text][en" value="Mail" />
		<var name="networks][mail][label][color" value="#ffffff" />
		<var name="networks][mail][label][background" value="#1375c4" />
		<var name="networks][mail][icon][display" value="on" />
		<var name="networks][mail][icon][color" value="#ffffff" />
		<var name="networks][mail][counter][display" value="on" />
		<var name="networks][mail][counter][color" value="#ffffff" />
		<var name="networks][mail][counter][background" value="#1f83d4" />

		<var name="networks][total][desktop" value="on" />
		<var name="networks][total][label][display" value="on" />
		<var name="networks][total][label][text][de" value="Geteilt" />
		<var name="networks][total][label][text][en" value="Shared" />
		<var name="networks][total][label][color" value="#ffffff" />
		<var name="networks][total][label][background" value="#000000" />
		<var name="networks][total][icon][display" value="on" />
		<var name="networks][total][icon][color" value="#ffffff" />
		<var name="networks][total][counter][display" value="on" />
		<var name="networks][total][counter][color" value="#ffffff" />
		<var name="networks][total][counter][background" value="#464646" />

		<var name="networks][baidu][desktop" value="on" />
		<var name="networks][baidu][mobile" value="on" />
		<var name="networks][baidu][label][text][de" value="Baidu" />
		<var name="networks][baidu][label][text][en" value="Baidu" />
		<var name="networks][baidu][label][display" value="on" />
		<var name="networks][baidu][label][color" value="#ffffff" />
		<var name="networks][baidu][label][background" value="#1A2BD3" />
		<var name="networks][baidu][icon][display" value="on" />
		<var name="networks][baidu][icon][color" value="#ffffff" />
		<var name="networks][baidu][counter][display" value="on" />
		<var name="networks][baidu][counter][color" value="#ffffff" />
		<var name="networks][baidu][counter][background" value="#1A2BD3" />

		<var name="networks][weibo][desktop" value="on" />
		<var name="networks][weibo][mobile" value="on" />
		<var name="networks][weibo][label][text][de" value="Weibo" />
		<var name="networks][weibo][label][text][en" value="Weibo" />
		<var name="networks][weibo][label][display" value="on" />
		<var name="networks][weibo][label][color" value="#ffffff" />
		<var name="networks][weibo][label][background" value="#FA3530" />
		<var name="networks][weibo][icon][display" value="on" />
		<var name="networks][weibo][icon][color" value="#ffffff" />
		<var name="networks][weibo][counter][display" value="on" />
		<var name="networks][weibo][counter][color" value="#ffffff" />
		<var name="networks][weibo][counter][background" value="#FA3530" />

		<var name="networks][vkontakte][desktop" value="on" />
		<var name="networks][vkontakte][mobile" value="on" />
		<var name="networks][vkontakte][label][text][de" value="VKontakte" />
		<var name="networks][vkontakte][label][text][en" value="VKontakte" />
		<var name="networks][vkontakte][label][display" value="on" />
		<var name="networks][vkontakte][label][color" value="#ffffff" />
		<var name="networks][vkontakte][label][background" value="#6287AE" />
		<var name="networks][vkontakte][icon][display" value="on" />
		<var name="networks][vkontakte][icon][color" value="#ffffff" />
		<var name="networks][vkontakte][counter][display" value="on" />
		<var name="networks][vkontakte][counter][color" value="#ffffff" />
		<var name="networks][vkontakte][counter][background" value="#6287AE" />

		<var name="networks][skype][desktop" value="on" />
		<var name="networks][skype][mobile" value="on" />
		<var name="networks][skype][label][text][de" value="Skype" />
		<var name="networks][skype][label][text][en" value="Skype" />
		<var name="networks][skype][label][display" value="on" />
		<var name="networks][skype][label][color" value="#ffffff" />
		<var name="networks][skype][label][background" value="#0078C9" />
		<var name="networks][skype][icon][display" value="on" />
		<var name="networks][skype][icon][color" value="#ffffff" />
		<var name="networks][skype][counter][display" value="on" />
		<var name="networks][skype][counter][color" value="#ffffff" />
		<var name="networks][skype][counter][background" value="#0078C9" />

		<var name="showButtonsOn" value="post,page" function="explode" />
	</defaults>
</settings>