Delen via whatsapp link

Status
Niet open voor verdere reacties.

damnsharp

Terugkerende gebruiker
Lid geworden
6 jan 2012
Berichten
1.394
Goedemorgen, paar jaar geleden heb ik wat php en css code voor het delen van linkjes gemaakt.
Het was wat kopiëren en plakken van geleende code.
Alleen nu werkt de whatsapp deel link niet meer, geen idee waarom. Op zich is die code in html niet zo ingewikkeld:
HTML:
<a href="whatsapp://send?text=Deel via whatsapp" data-action="share/whatsapp/share" target="_blank">Delen via whatsapp</a>

In de php code is het volgens mij behoorlijk hetzelfde en werkte jaren goed.
De foutmelding die je nu ziet: "3; url=" /> Sorry, no url redirect specified. Can`t complete request."

Wil iemand meekijken hoe ik de whatsapp url moet veranderen? Het gaat vooral om regel 62 en 82. Thanks!!:thumb:

php code
PHP:
<?php

/*

Plugin Name: ShareIcons

Plugin URI: 

Description: ShareIcons description

Version: 1.0

Author: 

Author URI: http://crunchify.com/how-to-create-social-sharing-button-without-any-plugin-and-script-loading-wordpress-speed-optimization-goal/

License: 

License URI: 

*/

function add_my_css_and_my_js_files(){
        wp_enqueue_style( 'your-stylesheet-name', plugins_url('/css/new-style.css', __FILE__), false, '1.0.0', 'all');
    }
    add_action('wp_enqueue_scripts', "add_my_css_and_my_js_files");

function delen_social_sharing_buttons($content) {

	global $post;

	if(is_singular() || is_home()){

	

		// Get current page URL 

		$delenURL = urlencode(get_permalink());

 

		// Get current page title

		$delenTitle = str_replace( ' ', '%20', get_the_title());

		

		// Get Post Thumbnail for pinterest

		$delenThumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' );

 

		// Construct sharing URL without using any script

		$twitterURL = 'https://twitter.com/intent/tweet?text='.$delenTitle.'&amp;url='.$delenURL.'&amp;via=RomijnOfficeSupply';

		$facebookURL = 'https://www.facebook.com/sharer/sharer.php?u='.$delenURL;

		$whatsappURL = 'whatsapp://send?text='.$delenTitle . ' ' . $delenURL;

		$linkedInURL = 'https://www.linkedin.com/shareArticle?mini=true&url='.$delenURL.'&amp;title='.$delenTitle;

 

		// Based on popular demand added Pinterest too

		$pinterestURL = 'https://pinterest.com/pin/create/button/?url='.$delenURL.'&amp;media='.$delenThumbnail[0].'&amp;description='.$delenTitle;

 

		// Add sharing button at the end of page/page content

		$content .= '<!-- Delen.com social sharing. Get your copy here: http://delen.me/1VIxAsz -->';

		$content .= '<div class="delen-social">';

		$content .= '<h5>Deel dit via</h5> <a class="delen-link delen-twitter" href="'. $twitterURL .'" target="_blank">Twitter</a>';

		$content .= '<a class="delen-link delen-facebook" href="'.$facebookURL.'" target="_blank">Facebook</a>';

		$content .= '<a class="delen-link delen-whatsapp" href="'.$whatsappURL.'" target="_blank">WhatsApp</a>';

		$content .= '<a class="delen-link delen-linkedin" href="'.$linkedInURL.'" target="_blank">LinkedIn</a>';

		$content .= '<a class="delen-link delen-pinterest" href="'.$pinterestURL.'" data-pin-custom="true" target="_blank">Pin It</a>';

		$content .= '</div>';

		

		return $content;

	}else{

		// if not a post/page then don't include sharing button

		return $content;

	}

};

add_filter( 'the_content', 'delen_social_sharing_buttons');

stukje css code voor diegene die erin geïnteresseerd is
Code:
/* Disable WhatsApp button on Desktop */
@media screen and (min-width: 1024px) {
    .delen-whatsapp {
	display: none !important;
    }
}
 
.delen-link {
    padding: 2px 8px 4px 8px !important;
    color: white;
    font-size: 12px;
    border-radius: 2px;
    margin-right: 2px;
    cursor: pointer;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    margin-top: 2px;
    display: inline-block;
    text-decoration: none;
}
 
.delen-link:hover,.delen-link:active {
    color: white;
}
 
.delen-twitter {
    background: #00aced;
}
 
.delen-twitter:hover,.delen-twitter:active {
    background: #0084b4;
}
 
.delen-facebook {
    background: #3B5997;
}
 
.delen-facebook:hover,.delen-facebook:active {
    background: #2d4372;
}
 
.delen-googleplus {
    background: #D64937;
}
 
.delen-googleplus:hover,.delen-googleplus:active {
    background: #b53525;
}
 
.delen-pinterest {
    background: #bd081c;
}
 
.delen-pinterest:hover,.delen-pinterest:active {
    background: #bd081c;
}
 
.delen-linkedin {
    background: #0074A1;
}
 
.delen-linkedin:hover,.delen-linkedin:active {
    background: #006288;
}
 
.delen-whatsapp {
    background: #43d854;
}
 
.delen-whatsapp:hover,.delen-whatsapp:active {
    background: #009688;
}
 
.delen-social {
    margin: 20px 0px 25px 0px;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
}
 
Jeetje, is hier nu echt serieus een add-on voor nodig :p
Dit zijn dingen die je eenvoudig aan je theme kan toevoegen. ;-)

Over je probleem:
Ik heb eerder dat de add-on ergens op vastloopt. Daarom raad ik het aan om de deel-knoppen lekker in de html-code te plaatsen.

Add-ons zijn leuk, maar probeer ze niet voor elke scheet of kleine layout verbetering toe te passen.
 
Laatst bewerkt:
Hoi @php4u bedankt :thumb:
Waarom is het niet goed de code in een eenvoudige plug-in zetten?
Ik zie niet in wat het verschil is met dezelfde code in het thema te zetten, dus fijn als je me dat kan uitleggen kan ik ervan leren.
Het is een heel eenvoudige plug-in die ik ook gemakkelijk bij andere sites zo kan gebruiken, vandaar zo gedaan.
 
Omdat plugins onderhoud nodig hebben, ze hebben vaak onnodige bloated code aan boord, en hoe meer je er van hebt hoe zwaarder WordPress wordt.
 
@php4u daar ben ik het helemaal mee eens. Ik probeer ook zo min mogelijk plug-ins te gebruiken.

Maar ontopic, weet je daar waarom het mis gaat?
 
Ik zie zelf niet bepaald een foutmelding, maar meer HTML wat onderbroken wordt. Dus kijk je HTML-code in je browser eens door.
 
Laatst bewerkt:
Bedankt @femke98. Ik zie dat webtalis gebruik maakt van javascript wat in principe niet nodig is. Maar ga erna kijken.
 
Heb het kunnen oplossen met de volgende link:
HTML:
<a class="delen-link delen-whatsapp" href="whatsapp://send?text=Ik heb een interessante tip voor je: websitenaam.nl<?=$_SERVER['REQUEST_URI']?>">Deel dit artikel via Whatsapp</a>
Ik zet de vraag op opgelost, bedankt voor meedenken!
 
Of via de whatsapp api
Alleen tekst
Code:
<a href="https://api.whatsapp.com/send?text=Deel%20via%20whatsapp" target="_blank">Delen via whatsapp</a>

Tekst met pagina linkje erbij
Code:
<a href="javascript:{window.location='https://api.whatsapp.com/send?text=Website%20'+encodeURIComponent(window.location.href)}" target="_blank">Delen via whatsapp</a>
 
PHP:
<?php $waText = urlencode("Ik heb een interessante tip voor je: www.example.n/page/pagel"); ?>
<a class="delen-link delen-whatsapp" href="https://wa.me/31612345678/?text=<?= $waText ?>">Deel dit via Whatsapp</a>

* Edit

Ouddated (werkt niet op alle platforms)
<a href="whatsapp://send?text=[TEKST]" data-action="share/whatsapp/share">Deel via Whatsapp</a>

vanaf begin 2018
<a href="https://api.whatsapp.com/send?phone=[TELEFOON]&text=[URLENCODED_TEXT]">Deel via Whatsapp</a>

vanaf eind 2018 (voor Android, WhatsApp web, iOS, enz.)
<a href="https://wa.me/[TELEFOON]/?text=[URLENCODED_TEXT]">Deel via Whatsapp</a>

Telefoon formaat is aan elkaar 31612345678 (als het 06 1234 5678 zou zijn)
Gebruik voor de tekst php urlencode("jouw tekst")
 
Laatst bewerkt:
Hartstikke mooi @bron voor je aanvullingen!:thumb: Verschillende mogelijkheden dus, zoals zo vaak. :)
 
Als je meerdere parameter hebt dan even eerst goed testen want daar heb ik twijfels bij.
Bijvoorbeeld ....?page=contact&redirect=thanx&lang=nl zal misschien niet goed werken omdat er een & in staat.
Als je alleen friendly urls gebruikt zoals page/page/page dan zal het geen probleem zijn.
 
Ok! Gebruik friendly urls dus dan komt het goed.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan