<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Nützliche Webseiten Tools kostenlos nutzen – revilodesign.de</title>
	<atom:link href="https://www.revilodesign.de/tools/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.revilodesign.de/tools/</link>
	<description></description>
	<lastBuildDate>Wed, 09 Jul 2025 07:59:32 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.2</generator>
	<item>
		<title>Versteckte Wasserzeichen kostenlos aus KI-Texten entfernen &#8211; WordPress Function</title>
		<link>https://www.revilodesign.de/tools/versteckte-wasserzeichen-kostenlos-aus-ki-texten-entfernen-wordpress-function/</link>
					<comments>https://www.revilodesign.de/tools/versteckte-wasserzeichen-kostenlos-aus-ki-texten-entfernen-wordpress-function/#respond</comments>
		
		<dc:creator><![CDATA[Oliver Götze]]></dc:creator>
		<pubDate>Wed, 09 Jul 2025 07:33:05 +0000</pubDate>
				<category><![CDATA[Tools]]></category>
		<guid isPermaLink="false">https://www.revilodesign.de/?p=5320</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://www.revilodesign.de/tools/versteckte-wasserzeichen-kostenlos-aus-ki-texten-entfernen-wordpress-function/">Versteckte Wasserzeichen kostenlos aus KI-Texten entfernen &#8211; WordPress Function</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></description>
										<content:encoded><![CDATA[	<section id="block_03abe1070f810d2392357eeb1dc042dc" class="revilodesign revilodesign-text text section-1 bg-color-white section-width-full section-height-auto content-width-content content-align-left text-align-left">
		<div class="content">
			<div class="flex alignCenter">
								<div class="flexbox text right asset-type-image">
					<article class="article-content"><p>Immer mehr Content-Ersteller, Blogger und Unternehmen setzen auf <strong>KI-generierte Texte</strong>, um effizient hochwertigen Content für Webseiten, Blogs oder Social Media zu produzieren. Doch mit dem Einsatz von KI-Tools wie ChatGPT, Perplexity und anderen Sprachmodellen entstehen neue Herausforderungen: Viele dieser Texte enthalten unsichtbare Wasserzeichen oder versteckte Unicode-Zeichen, die auf den ersten Blick nicht auffallen, aber im Hintergrund für Probleme sorgen können. In diesem Artikel erfährst du, warum es wichtig ist, diese Zeichen zu erkennen und zu entfernen, welche Vorteile das für deine Webseite bringt und wie du mit einem praktischen Tool ganz einfach saubere Texte erhältst.</p>
<div id="samplebox" class="ai-text-cleaner-tool">
<div id="ai_text_clean_error" class="error" style="display: none;">Bitte gib einen Text ein.</div>
<div id="ai_text_success_alert" class="alert-success success" style="display:none;margin:10px 0; color:green;">
				Es wurden keine versteckten Wasserzeichen gefunden.			</div>
<div id="ai_text_found_alert" class="alert-error error">
				Es wurden <span id="ai_text_found_count">0</span> versteckte Wasserzeichen/Steuerzeichen gefunden.			</div>
<div class="input">
				<label for="ai_text_input"><strong>KI-Generierten Text eingeben:</strong></label><textarea id="ai_text_input""></textarea><button id="ai_text_clean_btn" class="btn" type="button">auf versteckte Zeichen prüfen</button>
			</div>
<div id="ai_text_output_container" style="display:none;">
				<label for="ai_text_output"><strong>Bereinigter Text:</strong></label><br />
				<textarea id="ai_text_output" readonly></textarea><br />
				<button id="ai_text_copy_btn" type="button">In die Zwischenablage kopieren</button></p>
<ul id="ai_text_cleaner_list">
<li>Zero Width Space (U+200B): <span class="count" id="zwsp_count">0</span></li>
<li>Zero Width Non-Joiner (U+200C): <span class="count" id="zwnj_count">0</span></li>
<li>Zero Width Joiner (U+200D): <span class="count" id="zwj_count">0</span></li>
<li>Zero Width No-Break Space (U+FEFF): <span class="count" id="zwnbs_count">0</span></li>
<li>Steuerzeichen (ASCII 0–31, 127): <span class="count" id="ctrl_count">0</span></li>
</ul></div>
</div>
<h2>Warum KI-Texte oft versteckte Wasserzeichen enthalten</h2>
<p>Mit dem Siegeszug von Künstlicher Intelligenz im Bereich der Texterstellung ist auch das Thema <strong>Wasserzeichen</strong> und <strong>versteckte Unicode-Zeichen</strong> in den Fokus gerückt. KI-Modelle werden von ihren Anbietern aus verschiedenen Gründen mit unsichtbaren Markierungen versehen. Einerseits dienen diese Wasserzeichen dazu, die Herkunft eines Textes nachzuverfolgen oder Missbrauch zu verhindern. Andererseits können sie auch als Sicherheitsmechanismus eingesetzt werden, um die Verbreitung von KI-generierten Inhalten zu kontrollieren. Für den Endnutzer sind diese Zeichen jedoch meist unsichtbar und werden beim Kopieren und Einfügen einfach mitübernommen.</p>
<p>Das Problem: Diese unsichtbaren Zeichen können – je nach System, Editor oder CMS – zu unerwarteten Formatierungsproblemen führen. Sie können die Lesbarkeit für Suchmaschinen beeinträchtigen, die Darstellung auf Webseiten stören oder sogar dazu führen, dass Inhalte nicht korrekt gespeichert oder weiterverarbeitet werden. Besonders im professionellen Umfeld, wo es auf saubere und valide Inhalte ankommt, sind solche versteckten Zeichen ein echtes Risiko.</p>
<h2>Welche Arten von versteckten Zeichen gibt es?</h2>
<p>Die häufigsten versteckten Zeichen in KI-Texten sind sogenannte <strong>Zero-Width Characters</strong> und <strong>Steuerzeichen</strong>. Zu den Zero-Width Characters zählen beispielsweise:</p>
<ul>
<li>Zero Width Space (U+200B)</li>
<li>Zero Width Non-Joiner (U+200C)</li>
<li>Zero Width Joiner (U+200D)</li>
<li>Zero Width No-Break Space (U+FEFF)</li>
</ul>
<p>Diese Zeichen sind für das menschliche Auge unsichtbar, aber sie werden von Computern erkannt und können die Verarbeitung von Texten beeinflussen. Hinzu kommen Steuerzeichen aus dem ASCII-Bereich (0–31, 127), die in modernen Texten eigentlich nichts zu suchen haben, aber durch Copy-Paste oder automatische Prozesse eingeschleust werden können.</p>
<p>Ein weiteres Problem sind Zeichen, die von bestimmten Editoren oder Textverarbeitungsprogrammen eingefügt werden, etwa beim Kopieren von Inhalten aus Word, Google Docs oder anderen Quellen. Auch hier können unsichtbare Steuerzeichen oder spezielle Unicode-Zeichen für Ärger sorgen.</p>
<h2>Warum ist das Entfernen von Wasserzeichen und versteckten Zeichen so wichtig?</h2>
<p>Für professionelle Webseitenbetreiber, Blogger und Unternehmen ist es entscheidend, dass die Inhalte ihrer Seiten nicht nur optisch ansprechend, sondern auch technisch einwandfrei sind. <strong>Versteckte Zeichen</strong> können dabei zu einer Vielzahl von Problemen führen:</p>
<ul>
<li><span class="bold">SEO-Nachteile:</span> Unsichtbare Zeichen können von Suchmaschinen als „Störfaktor“ gewertet werden und die Indexierung oder das Ranking negativ beeinflussen.</li>
<li><span class="bold">Formatierungsfehler:</span> In CMS-Systemen wie WordPress, Typo3 oder Joomla können diese Zeichen zu unerwarteten Zeilenumbrüchen, fehlerhaften Absätzen oder sogar Darstellungsproblemen führen.</li>
<li><span class="bold">Probleme bei der Weiterverarbeitung:</span> Beim Export oder Import von Texten, etwa in Newsletter-Tools oder PDF-Generatoren, können versteckte Zeichen zu fehlerhaften Ergebnissen führen.</li>
<li><span class="bold">Rechtliche und ethische Fragen:</span> Wasserzeichen könnten Rückschlüsse auf die Herkunft des Textes zulassen oder im schlimmsten Fall als Urhebernachweis dienen – das kann problematisch werden, wenn du den Text weiterverwendest.</li>
<li><span class="bold">Kompatibilitätsprobleme:</span> Nicht alle Systeme können mit unsichtbaren Zeichen umgehen. Das kann zu Datenverlust oder fehlerhaften Darstellungen führen.</li>
</ul>
<h2>Vorteile sauberer, bereinigter Texte</h2>
<p>Die Entfernung von Wasserzeichen und versteckten Unicode-Zeichen bringt zahlreiche Vorteile für deinen Webauftritt:</p>
<ul>
<li><span class="bold">Bessere SEO:</span> Suchmaschinen können deine Inhalte besser analysieren und indexieren, wenn sie frei von Störzeichen sind.</li>
<li><span class="bold">Saubere Darstellung:</span> Deine Texte sehen in jedem Browser und auf jedem Gerät gleich aus – ohne unerwartete Zeilenumbrüche oder Formatierungsfehler.</li>
<li><span class="bold">Höhere Kompatibilität:</span> Ob CMS, Newsletter-Tool oder Social-Media-Plattform – bereinigte Texte funktionieren überall reibungslos.</li>
<li><span class="bold">Mehr Professionalität:</span> Saubere Inhalte wirken auf Nutzer und Geschäftspartner professioneller und vertrauenswürdiger.</li>
<li><span class="bold">Rechtssicherheit:</span> Durch das Entfernen potenzieller Wasserzeichen vermeidest du mögliche rechtliche Streitigkeiten um Urheberrechte oder Herkunftsnachweise.</li>
<li><span class="bold">Effizientere Arbeitsabläufe:</span> Du sparst Zeit, weil du dich nicht mehr mit unerklärlichen Fehlern oder Nachbearbeitungen herumschlagen musst.</li>
</ul>
<h2>Wie erkenne ich, ob mein Text Wasserzeichen oder versteckte Zeichen enthält?</h2>
<p>Oft merkt man gar nicht, dass ein Text unsichtbare Zeichen enthält. Erst wenn Probleme auftreten – etwa beim Einfügen in ein CMS, beim Export in andere Formate oder bei der SEO-Analyse – wird klar, dass „etwas nicht stimmt“. Es gibt verschiedene Möglichkeiten, solche Zeichen aufzuspüren:</p>
<ul>
<li><strong>Online-Tools:</strong> Es gibt Webseiten, die unsichtbare Zeichen im Text anzeigen oder markieren.</li>
<li><strong>Texteditoren:</strong> Manche Editoren wie Notepad++, Sublime Text oder VS Code bieten Plugins oder Einstellungen, um unsichtbare Zeichen sichtbar zu machen.</li>
<li><strong>Eigene Skripte:</strong> Mit einfachen Scripts in Python, JavaScript oder PHP lassen sich solche Zeichen automatisch aufspüren und entfernen.</li>
<li><strong>Browser-Entwicklertools:</strong> In der HTML-Ansicht können ungewöhnliche Zeichen manchmal auffallen, wenn sie das Markup beeinflussen.</li>
</ul>
<p>Am einfachsten ist jedoch ein spezialisiertes Tool, das direkt im Browser genutzt werden kann – ohne Installation, kostenlos und sofort einsatzbereit.</p>
<h2>Das Tool: Wasserzeichen und versteckte Unicode-Zeichen entfernen</h2>
<p>Mit unserem Tool kannst du in wenigen Sekunden <strong>versteckte Wasserzeichen und Unicode-Zeichen aus KI-Texten entfernen</strong>. Das Prinzip ist einfach: Du fügst deinen Text in das Eingabefeld ein, klickst auf den Button und erhältst im Ausgabefeld den bereinigten Text – frei von unsichtbaren Störern.</p>
<p>Das Tool durchsucht deinen Text nach typischen Zero-Width-Zeichen und Steuerzeichen und ersetzt sie durch normale Leerzeichen. Doppelte Leerzeichen werden entfernt, der Text wird am Anfang und Ende getrimmt. So erhältst du einen „sauberen“ Text, der optimal für die Weiterverarbeitung, Veröffentlichung und SEO geeignet ist.</p>
<p><strong>Hinweis:</strong> Das Tool arbeitet vollständig lokal im Browser – deine Daten werden nicht gespeichert oder übertragen.</p>
<h2>Wie funktioniert das Entfernen der Wasserzeichen technisch?</h2>
<p>Im Hintergrund nutzt das Tool reguläre Ausdrücke, um gezielt nach bestimmten Unicode-Zeichen zu suchen. Dazu zählen:</p>
<ul>
<li>Zero Width Space (U+200B)</li>
<li>Zero Width Non-Joiner (U+200C)</li>
<li>Zero Width Joiner (U+200D)</li>
<li>Zero Width No-Break Space (U+FEFF)</li>
<li>Steuerzeichen aus dem Bereich ASCII 0–31 und 127</li>
</ul>
<p>Diese Zeichen werden durch ein normales Leerzeichen ersetzt. Anschließend werden alle mehrfachen Leerzeichen zu einem einzigen Leerzeichen zusammengefasst. Am Ende wird der Text getrimmt, sodass keine überflüssigen Leerzeichen am Anfang oder Ende übrig bleiben. Das Ergebnis ist ein sauberer, gut lesbarer und technisch einwandfreier Text.</p>
<h2>Für wen ist das Tool besonders geeignet?</h2>
<p>Das Tool eignet sich für alle, die mit <strong>KI-generierten Texten</strong> arbeiten – egal ob Blogger, Unternehmen, Agenturen oder Privatpersonen. Besonders hilfreich ist es für:</p>
<ul>
<li>Webseitenbetreiber, die regelmäßig KI-Texte veröffentlichen</li>
<li>SEO-Experten, die Wert auf saubere, indexierbare Inhalte legen</li>
<li>Redakteure, die Texte aus verschiedenen Quellen zusammenführen</li>
<li>Agenturen, die im Kundenauftrag Content produzieren</li>
<li>Jeden, der Wert auf professionelle, fehlerfreie Texte legt</li>
</ul>
<h2>Best Practices für den Umgang mit KI-Texten</h2>
<p>Auch wenn KI-Modelle immer besser werden, ist es wichtig, die erzeugten Texte vor der Veröffentlichung zu prüfen und zu bereinigen. Hier einige Tipps:</p>
<ul>
<li>Texte immer vor dem Einfügen in das CMS durch das Tool laufen lassen</li>
<li>Bei längeren Texten stichprobenartig auf unsichtbare Zeichen prüfen</li>
<li>Regelmäßig auf Updates und neue Funktionen des Tools achten</li>
<li>Bei Problemen mit der Darstellung oder SEO zuerst auf versteckte Zeichen prüfen</li>
<li>Texte aus Word, Google Docs oder anderen Editoren immer bereinigen, bevor sie online gehen</li>
</ul>
<h2>Fazit: Saubere KI-Texte für mehr Erfolg im Web</h2>
<p>Mit dem Siegeszug von KI im Content-Bereich wächst auch die Bedeutung von <strong>sauberen, technisch einwandfreien Texten</strong>. Versteckte Wasserzeichen und Unicode-Zeichen sind ein oft unterschätztes Problem, das sich jedoch mit dem richtigen Tool einfach lösen lässt. Nutze unser Tool, um deine Inhalte zu bereinigen, die SEO deiner Webseite zu verbessern und einen professionellen Eindruck zu hinterlassen. So holst du das Beste aus KI-generierten Texten heraus – für dich, deine Leser und deine Suchmaschinenplatzierung.</p>
</article>				</div>
							</div>
		</div>
			</section>
<p>Der Beitrag <a href="https://www.revilodesign.de/tools/versteckte-wasserzeichen-kostenlos-aus-ki-texten-entfernen-wordpress-function/">Versteckte Wasserzeichen kostenlos aus KI-Texten entfernen &#8211; WordPress Function</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.revilodesign.de/tools/versteckte-wasserzeichen-kostenlos-aus-ki-texten-entfernen-wordpress-function/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Kostenloser .htaccess und .htpasswd Generator – Schütze deine Website einfach und effektiv</title>
		<link>https://www.revilodesign.de/tools/kostenloser-htaccess-und-htpasswd-generator/</link>
					<comments>https://www.revilodesign.de/tools/kostenloser-htaccess-und-htpasswd-generator/#comments</comments>
		
		<dc:creator><![CDATA[Oliver Götze]]></dc:creator>
		<pubDate>Wed, 01 Dec 2021 09:39:25 +0000</pubDate>
				<category><![CDATA[Tools]]></category>
		<guid isPermaLink="false">https://www.revilodesign.de/?p=3075</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://www.revilodesign.de/tools/kostenloser-htaccess-und-htpasswd-generator/">Kostenloser .htaccess und .htpasswd Generator – Schütze deine Website einfach und effektiv</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></description>
										<content:encoded><![CDATA[<section id="block_879e64403db37efd362ee9560e7a627d" class="revilodesign demo">
	<div class="content">
		<article class="article-content"><p>Mit dem <strong>kostenlosen .htaccess und .htpasswd Generator</strong> kannst du deine Website schnell und unkompliziert absichern. Egal, ob du nur den Backend-Bereich oder die gesamte Website schützen möchtest – dieser Generator hilft dir dabei, deinen Content sicher zu halten, insbesondere wenn du gerade Änderungen an deiner Seite vornimmst.</p>
<h2>Der kostenlose htaccess und htpasswd Generator</h2>
</article>		
		<div id="samplebox" class="htaccessBox">
	<div class="samplebox-content">
		<div class="errors"></div>
		<div class="flex">
				<div class="flexbox">
					<label>Auth name:</label>
					<input type="text" id="htaccess_auth_name" name="htaccess_auth_name" />
				</div>
			</div>
			
		<div class="flex">
			<div class="flexbox">
				<label>Benutzername: <small>(Pflichtfeld)</small></label>
				<input type="text" id="htaccess_username" name="htaccess_username" />
			</div>
		</div>
		
		<div class="flex">
			<div class="flexbox">
				<label>Passwort: <small>(Pflichtfeld)</small></label>
				<input type="text" id="htaccess_password" name="htaccess_password" />
				<div id="generatePW">Passwort generieren</div>
			</div>
		</div>
		
				
		<div class="flex">
			<div class="flexbox">
				<label>Verschlüsselungsalgorithmus:</label>
				<select id="htaccess_encryption" name="htaccess_encryption">
					<option value="sha1">sha1</option>
					<option value="md5">md5</option>
				</select>
			</div>
		</div>
		
		<div class="flex">
			<div class="flexbox">
				<label>Pfad zur .htpasswd Datei: <small>(Pflichtfeld)</small></label>
				<input type="text" id="htaccess_path" name="htaccess_path" />
			</div>
		</div>
		
		<div class="flex">
			<div class="flexbox">
				
				<div class="buttons buttons-center"><div id="generateHtaccess" class="btn " >
								<span class="btn-before"><svg width="254" height="392" viewBox="0 0 254 392" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M0 57.647C0 25.8095 25.8095 0 57.647 0C89.4846 0 115.294 25.8095 115.294 57.647C115.294 89.4846 89.4846 115.294 57.647 115.294C25.8095 115.294 0 89.4846 0 57.647Z" fill="#121212"></path>
								<path d="M138.353 196C138.353 164.163 164.163 138.353 196 138.353C227.838 138.353 253.647 164.163 253.647 196C253.647 227.838 227.838 253.647 196 253.647C164.163 253.647 138.353 227.838 138.353 196Z" fill="#121212"></path>
								<path d="M0 334.353C0 302.516 25.8095 276.706 57.647 276.706C89.4846 276.706 115.294 302.516 115.294 334.353C115.294 366.191 89.4846 392 57.647 392C25.8095 392 0 366.191 0 334.353Z" fill="#121212"></path>
							</svg></span>
								<span class="btn-text">Erstellen
									<span class="btn-after"><svg width="254" height="392" viewBox="0 0 254 392" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M0 57.647C0 25.8095 25.8095 0 57.647 0C89.4846 0 115.294 25.8095 115.294 57.647C115.294 89.4846 89.4846 115.294 57.647 115.294C25.8095 115.294 0 89.4846 0 57.647Z" fill="#121212"></path>
								<path d="M138.353 196C138.353 164.163 164.163 138.353 196 138.353C227.838 138.353 253.647 164.163 253.647 196C253.647 227.838 227.838 253.647 196 253.647C164.163 253.647 138.353 227.838 138.353 196Z" fill="#121212"></path>
								<path d="M0 334.353C0 302.516 25.8095 276.706 57.647 276.706C89.4846 276.706 115.294 302.516 115.294 334.353C115.294 366.191 89.4846 392 57.647 392C25.8095 392 0 366.191 0 334.353Z" fill="#121212"></path>
							</svg></span>
								</span>
							</div></div>			</div>
		</div>		
	</div>
</div>
	
<div id="htaccessOutput"></div>			
	</div>
</section>


	<section id="block_0f87c18b84f03ea091aaa5b10a54888a" class="revilodesign revilodesign-text text section-2 bg-color-white section-width-full section-height-auto content-width-content content-align-left text-align-left">
		<div class="content">
			<div class="flex alignCenter">
								<div class="flexbox text right asset-type-empty">
					<article class="article-content"><div class="header"><h2 id="warum-deine-website-mit-htaccess-schutzen" class="headline h2 text-color">Warum deine Website mit .htaccess schützen?</h2></div><p>Die Sicherheit deiner Website sollte stets oberste Priorität haben. Ein .htaccess-Schutz kann dabei helfen, unbefugte Zugriffe zu verhindern. Ob du deine Website vor neugierigen Blicken schützen möchtest oder nur den Zugang zu bestimmten Bereichen einschränken willst – die Kombination aus .htaccess und .htpasswd ist eine einfache, aber effektive Lösung.</p>
<h3>Der kostenlose .htaccess und .htpasswd Generator – Einfach, schnell und zuverlässig</h3>
<p>Nutze diesen Generator, um eine maßgeschneiderte .htaccess und .htpasswd Datei zu erstellen:</p>
<ul>
<li><strong>Auth Name:</strong> Der Name, der beim Zugriff auf den geschützten Bereich angezeigt wird.</li>
<li><strong>Benutzername:</strong> Wähle einen Benutzernamen, der nichts mit deinem Website-Namen zu tun hat.</li>
<li><strong>Passwort:</strong> Wähle ein sicheres Passwort (z. B. mit Groß- und Kleinbuchstaben, Zahlen und Sonderzeichen).</li>
<li><strong>Verschlüsselungsalgorithmus:</strong> Standardmäßig wird SHA-1 verwendet, du kannst jedoch einen anderen Algorithmus wählen.</li>
<li><strong>Pfad zur .htpasswd Datei:</strong> Hier gibst du den genauen Serverpfad zur .htpasswd Datei an, um die höchste Sicherheit zu gewährleisten.</li>
</ul>
<h2>Wie funktioniert der .htaccess Generator?</h2>
<p>Der Generator ist einfach zu bedienen. Fülle die folgenden Felder aus und klicke anschließend auf „Erstellen“:</p>
<ol>
<li>Auth Name: Der Text, der in den meisten Browsern im Passwort-Dialog angezeigt wird. Hinweis: In einigen Browsern wie Google Chrome wird dieser Text nicht angezeigt, daher ist dieses Feld optional.</li>
<li>Benutzername: Der Benutzername, der bei der Passwortabfrage eingegeben werden muss. Vermeide es, den Namen deiner Website zu verwenden, um die Sicherheit zu erhöhen.</li>
<li>Passwort: Ein starkes Passwort ist entscheidend für die Sicherheit deines geschützten Bereichs. Wähle kein einfaches Passwort wie „123456“ oder „passwort“, sondern ein komplexes und einzigartiges Passwort.</li>
<li>Verschlüsselungsalgorithmus: Wähle den gewünschten Verschlüsselungsalgorithmus. Der Standard ist SHA-1, aber du kannst auch andere Algorithmen verwenden.</li>
<li>Pfad zur .htpasswd Datei: Gib hier den exakten Serverpfad zur .htpasswd Datei an. Falls du den Pfad nicht kennst, kannst du eine info.php-Datei mit <code>phpinfo();</code> erstellen, um den Serverpfad herauszufinden.</li>
</ol>
<blockquote>
<p>
💡 <strong>Tipp:</strong> Aus Sicherheitsgründen wird empfohlen, die .htpasswd Datei in einem anderen Verzeichnis zu speichern als die .htaccess Datei, um direkten Zugriff auf die Passwortdatei zu verhindern.
</p>
</blockquote>
<h2>Wie du den Schutz aktivierst</h2>
<p>Nachdem du die erforderlichen Informationen eingegeben hast, klicke einfach auf „Erstellen“. Der generierte Code wird angezeigt und muss in die entsprechende .htaccess und .htpasswd Datei eingefügt werden. Speichere die Dateien und schon ist der Schutz aktiv!</p>
<h3>Überprüfen, ob der .htaccess Schutz funktioniert</h3>
<p>Um zu testen, ob der Schutz aktiv ist, rufe den geschützten Bereich in deinem Browser auf. Es sollte eine Passwortabfrage erscheinen. Wenn du die richtigen Zugangsdaten eingibst, erhältst du Zugriff auf den Bereich.</p>
<h3>.htaccess Schutz wieder deaktivieren</h3>
<p>Falls du den Schutz vorübergehend oder dauerhaft entfernen möchtest, kannst du einfach die entsprechenden Zeilen in der .htaccess Datei löschen oder mit einem # auskommentieren. So deaktivierst du den Schutz ohne die Datei vollständig zu löschen.</p>
</article>				</div>
							</div>
		</div>
			</section>


	<section id="block_199c4a6ee6a7171ec52ee181022b3934" class="revilodesign breaker section-3 bg-color-green section-width-full section-height-auto content-width-full content-align-left text-align-left breaker-design-column">
		<div class="content">
			<article class="article-content"><div class="header"><h2 id="sicherheit-deiner-website-hol-dir-professionelle-unterstutzung" class="headline h2 text-color">Sicherheit deiner Website – Hol dir professionelle Unterstützung</h2></div><p class="lead">Falls du unsicher bist, wie du den .htaccess Schutz am besten einrichtest, biete ich dir gerne eine kostenlose Erstberatung an. Ich helfe dir, deine Website abzusichern und die richtigen Einstellungen vorzunehmen, um deine Inhalte vor unbefugtem Zugriff zu schützen.</p>
</article>		</div>
			</section>


<p>Der Beitrag <a href="https://www.revilodesign.de/tools/kostenloser-htaccess-und-htpasswd-generator/">Kostenloser .htaccess und .htpasswd Generator – Schütze deine Website einfach und effektiv</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.revilodesign.de/tools/kostenloser-htaccess-und-htpasswd-generator/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Kostenloser Share-Link-Generator</title>
		<link>https://www.revilodesign.de/tools/kostenloser-share-link-generator/</link>
					<comments>https://www.revilodesign.de/tools/kostenloser-share-link-generator/#comments</comments>
		
		<dc:creator><![CDATA[Oliver Götze]]></dc:creator>
		<pubDate>Mon, 15 Nov 2021 09:10:23 +0000</pubDate>
				<category><![CDATA[Tools]]></category>
		<guid isPermaLink="false">https://www.revilodesign.de/?p=2862</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://www.revilodesign.de/tools/kostenloser-share-link-generator/">Kostenloser Share-Link-Generator</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></description>
										<content:encoded><![CDATA[<section id="block_2892009060c19250bf6842b1e93035c5" class="revilodesign demo">
	<div class="content">
		<article class="article-content"><p>Der kostenlose Share-Link-Generator für Facebook, Twitter und LinkedIn funktioniert ganz einfach. Gib einfach eine beliebige Webseiten-Url ein und drücke auf &#8222;Link erstellen&#8220; und schon kannst du für zahlreiche Social Media Dienste den Share-Link erstellen lassen &#8211; probiere es doch gleich mal aus!</p>
<h2>Der kostenlose Share-Link Generator</h2>
</article>		
		<div id="samplebox" class="shareButtons">
	<div class="error"></div>	
	<div class="samplebox-content">
		<h3>Social Media Seite wählen</h3>
		<p>Du kannst dir Alle, mehrere oder nur einen Social Media Share Link generieren.</p>
		
		<div class="flex socialMediaSelect">
			<div class="flexbox">
				<input type="checkbox" name="socialMedia" id="all" value="all" checked />
				<label for="all"><i class="fa-solid fa-share-nodes"></i> Alle</label>
			</div>
			<div class="flexbox">
				<input type="checkbox" name="socialMedia" id="facebook" value="facebook" />
				<label for="facebook"><i class="fa-brands fa-facebook-f"></i> Facebook</label>
			</div>
			<div class="flexbox">
				<input type="checkbox" name="socialMedia" id="twitter" value="twitter" />
				<label for="twitter"><i class="fa-brands fa-x-twitter"></i> Twitter</label>
			</div>
			<div class="flexbox">
				<input type="checkbox" name="socialMedia" id="pinterest" value="pinterest" />
				<label for="pinterest"><i class="fa-brands fa-pinterest-p"></i> Pinterest</label>
			</div>
			<div class="flexbox">
				<input type="checkbox" name="socialMedia" id="linkedin" value="linkedin" />
				<label for="linkedin"><i class="fa-brands fa-linkedin-in"></i> LinkedIn</label>
			</div>
			<div class="flexbox">
				<input type="checkbox" name="socialMedia" id="tumblr" value="tumblr" />
				<label for="tumblr"><i class="fa-brands fa-tumblr"></i> Tumblr</label>
			</div>
			<div class="flexbox">
				<input type="checkbox" name="socialMedia" id="whatsapp" value="whatsapp" />
				<label for="whatsapp"><i class="fa-brands fa-whatsapp"></i> WhatsApp</label>
			</div>
			<div class="flexbox">
				<input type="checkbox" name="socialMedia" id="reddit" value="reddit" />
				<label for="reddit"><i class="fa-brands fa-reddit-alien"></i> Reddit</label>
			</div>
			<div class="flexbox">
				<input type="checkbox" name="socialMedia" id="telegram" value="telegram" />
				<label for="telegram"><i class="fa-brands fa-telegram"></i> Telegram</label>
			</div>
			<div class="flexbox">
				<input type="checkbox" name="socialMedia" id="mail" value="mail" />
				<label for="mail"><i class="fa-regular fa-envelope"></i> E-Mail</label>
			</div>
		</div>

		<div class="more" style="display: none;">
			<div class="flex socialMediaSelect">
				<div class="flexbox">
					<input type="checkbox" name="socialMedia" id="xing" value="xing" />
					<label for="xing"><i class="fa-brands fa-xing"></i> Xing</label>
				</div>
				<div class="flexbox">
					<input type="checkbox" name="socialMedia" id="weibo" value="weibo" />
					<label for="weibo"><i class="fa-brands fa-weibo"></i> Weibo</label>
				</div>
				<div class="flexbox">
					<input type="checkbox" name="socialMedia" id="viber" value="viber" />
					<label for="viber"><i class="fa-brands fa-viber"></i> Viber</label>
				</div>
				<div class="flexbox">
					<input type="checkbox" name="socialMedia" id="skype" value="skype" />
					<label for="skype"><i class="fa-brands fa-skype"></i> Skype</label>
				</div>
				<div class="flexbox">
					<input type="checkbox" name="socialMedia" id="myspace" value="myspace" />
					<label for="myspace"><i class="fa-solid fa-circle-nodes"></i> MySpace</label>
				</div>
				<div class="flexbox">
					<input type="checkbox" name="socialMedia" id="evernote" value="evernote" />
					<label for="evernote"><i class="fa-solid fa-note-sticky"></i> Evernote</label>
				</div>
				<div class="flexbox">
					<input type="checkbox" name="socialMedia" id="delicious" value="delicious" />
					<label for="delicious"><i class="fa-solid fa-star"></i> Delicious</label>
				</div>
				<div class="flexbox">
					<input type="checkbox" name="socialMedia" id="digg" value="digg" />
					<label for="digg"><i class="fa-brands fa-digg"></i> Digg</label>
				</div>
			</div>
		</div>
		
		<div id="openMore" data-text="weniger anzeigen">mehr anzeigen</div>

		<input type="url" required id="websiteUrl" name="url" placeholder="https://www.revilodesign.de/" value="https://www.revilodesign.de/" />
		<small style="margin-bottom: 12px; display: block;">Bspw: https://www.revilodesign.de/</small>
		
		<input type="text" required id="shareText" name="shareText" placeholder="Share Text" />
		<small style="margin-bottom: 12px; display: block;">Kurzer Beschreibungstext</small>
		
		
		<div class="buttons buttons-center"><div id="createShareLinks" class="btn " >
								<span class="btn-before"><svg width="254" height="392" viewBox="0 0 254 392" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M0 57.647C0 25.8095 25.8095 0 57.647 0C89.4846 0 115.294 25.8095 115.294 57.647C115.294 89.4846 89.4846 115.294 57.647 115.294C25.8095 115.294 0 89.4846 0 57.647Z" fill="#121212"></path>
								<path d="M138.353 196C138.353 164.163 164.163 138.353 196 138.353C227.838 138.353 253.647 164.163 253.647 196C253.647 227.838 227.838 253.647 196 253.647C164.163 253.647 138.353 227.838 138.353 196Z" fill="#121212"></path>
								<path d="M0 334.353C0 302.516 25.8095 276.706 57.647 276.706C89.4846 276.706 115.294 302.516 115.294 334.353C115.294 366.191 89.4846 392 57.647 392C25.8095 392 0 366.191 0 334.353Z" fill="#121212"></path>
							</svg></span>
								<span class="btn-text">Links erstellen
									<span class="btn-after"><svg width="254" height="392" viewBox="0 0 254 392" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M0 57.647C0 25.8095 25.8095 0 57.647 0C89.4846 0 115.294 25.8095 115.294 57.647C115.294 89.4846 89.4846 115.294 57.647 115.294C25.8095 115.294 0 89.4846 0 57.647Z" fill="#121212"></path>
								<path d="M138.353 196C138.353 164.163 164.163 138.353 196 138.353C227.838 138.353 253.647 164.163 253.647 196C253.647 227.838 227.838 253.647 196 253.647C164.163 253.647 138.353 227.838 138.353 196Z" fill="#121212"></path>
								<path d="M0 334.353C0 302.516 25.8095 276.706 57.647 276.706C89.4846 276.706 115.294 302.516 115.294 334.353C115.294 366.191 89.4846 392 57.647 392C25.8095 392 0 366.191 0 334.353Z" fill="#121212"></path>
							</svg></span>
								</span>
							</div></div>		
	</div>
</div>

<div id="output-share-link"></div>		
	</div>
</section>


	<section id="block_01640cbb3aabeffa398d6fdaebd864a5" class="revilodesign revilodesign-text text section-4 bg-color-white section-width-full section-height-auto content-width-content content-align-left text-align-left">
		<div class="content">
			<div class="flex alignCenter">
								<div class="flexbox text right asset-type-empty">
					<article class="article-content"><h2>Warum sollte man Social-Sharing-Links erstellen?</h2>
<p>Die Social-Sharing-Links findet man auf beinahe jeder Seite im Internet, doch wieso? Ganz einfach: Die Klickrate kann sich dabei bis zu 150% steigern. Wenn der Besucher auf einen der Links klickt wird er zur entsprechenden Social Media Webseite weitergeleitet. Dort wird der Link des Beitrages, ein Bild und ab und an ein Beschreibungstext vorgerfertigt angezeigt, sodass die Hürde des teilens gering ist. Gerade Besucher, die das Thema spannend finden schaffen auf diesen Wege die Verknüpfung zwischen Ihrer Webseite und gleichgesinnte im Netz. </p>
<p>Bei den Empfehlungen geht es vor allem um das Teilen von Inhalten, unabhängig von ihrem Format. Videos, Bilder, Präsentationen, Artikel, PDF&#8217;s, E-Books und Blogs sind alle Formen von Inhalten, die sich zum Teilen eignen. </p>
<blockquote>
<p>Es ist wichtig, daran zu denken, dass Nutzer oft ihr Interesse oder ihre Liebe zu bestimmten Inhalten ausdrücken wollen und nicht zu allgemeinen Webseiten oder Websites.</p>
</blockquote>
<h2>Welche Plattformen unterstützt der Share-Link Generator?</h2>
<p>Der <strong>kostenlose Share-Link Generator</strong> unterstützt die gängigsten Plattformen. Unter anderem natürlich Facebook, Twitter, Pinterest, LinkedIn, tumblr, Reddit, aber auch WhatsApp, Telegram oder beispielsweise Viber. Sollten Welche fehlen, dann lasst es mich wissen und ich füge es dem <a href="https://www.revilodesign.de/tools/" title="Gratis Webseiten Tool">Gratis Webseiten Tool</a> hinzu.</p>
</article>				</div>
							</div>
		</div>
			</section>
<p>Der Beitrag <a href="https://www.revilodesign.de/tools/kostenloser-share-link-generator/">Kostenloser Share-Link-Generator</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.revilodesign.de/tools/kostenloser-share-link-generator/feed/</wfw:commentRss>
			<slash:comments>3</slash:comments>
		
		
			</item>
		<item>
		<title>Feiertagsrechner &#8211; In wie vielen Tagen ist der nächste Feiertag?</title>
		<link>https://www.revilodesign.de/tools/feiertagsrechner-in-wie-vielen-tagen-ist-der-naechste-feiertag/</link>
					<comments>https://www.revilodesign.de/tools/feiertagsrechner-in-wie-vielen-tagen-ist-der-naechste-feiertag/#respond</comments>
		
		<dc:creator><![CDATA[Oliver Götze]]></dc:creator>
		<pubDate>Wed, 30 Jun 2021 14:51:27 +0000</pubDate>
				<category><![CDATA[Tools]]></category>
		<guid isPermaLink="false">https://www.revilodesign.de/?p=2808</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://www.revilodesign.de/tools/feiertagsrechner-in-wie-vielen-tagen-ist-der-naechste-feiertag/">Feiertagsrechner &#8211; In wie vielen Tagen ist der nächste Feiertag?</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></description>
										<content:encoded><![CDATA[<section id="block_957cb82a631125b5efd43d4672f6a228" class="revilodesign demo">
	<div class="content">
		<article class="article-content"><p>Du möchtest wissen <strong>wann ist der nächste Feiertag?</strong> Willkommen im Club, denn so wie dir geht es wahrscheinlich jeden zweiten deutschen &#8211; so wie auch mir. Daher habe ich den kleinen <strong>Feiertagsrechner</strong> erstellt, der dir sofort anzeigt <strong>in wie vielen Tagen ist der nächste Feiertag</strong> &#8230;</p>
<h2>Rechner &#8211; Wie viele Tage bis zum nächsten gesetzlichen Feiertag?</h2>
</article>		
		
<div id="samplebox" class="calcDateBox">
	<div class="samplebox-content">
		<div class="flex">
			<div class="flexbox">
				<div class="flex currentDate">
					<label>Datum:</label>
					<span id="today" class="dateBtn">Heutiges Datum</span>
				</div>
				<div class="line flex dateFlex">
					<div class="flexbox">
						<select name="day" id="day">
														<option value="1">1</option>
														<option value="2">2</option>
														<option value="3">3</option>
														<option value="4">4</option>
														<option value="5">5</option>
														<option value="6">6</option>
														<option value="7">7</option>
														<option value="8" selected>8</option>
														<option value="9">9</option>
														<option value="10">10</option>
														<option value="11">11</option>
														<option value="12">12</option>
														<option value="13">13</option>
														<option value="14">14</option>
														<option value="15">15</option>
														<option value="16">16</option>
														<option value="17">17</option>
														<option value="18">18</option>
														<option value="19">19</option>
														<option value="20">20</option>
														<option value="21">21</option>
														<option value="22">22</option>
														<option value="23">23</option>
														<option value="24">24</option>
														<option value="25">25</option>
														<option value="26">26</option>
														<option value="27">27</option>
														<option value="28">28</option>
														<option value="29">29</option>
														<option value="30">30</option>
														<option value="31">31</option>
													</select>
					</div>
					<div class="flexbox">
						<select name="month" id="month">
														<option value="0">Januar</option>
														<option value="1">Februar</option>
														<option value="2">M&auml;rz</option>
														<option value="3">April</option>
														<option value="4">Mai</option>
														<option value="5">Juni</option>
														<option value="6">Juli</option>
														<option value="7">August</option>
														<option value="8" selected>September</option>
														<option value="9">Oktober</option>
														<option value="10">November</option>
														<option value="11">Dezember</option>
													</select>
					</div>
					<div class="flexbox">
						<select name="year" id="year">
														<option value="2025" selected>2025</option>
														<option value="2026">2026</option>
														<option value="2027">2027</option>
														<option value="2028">2028</option>
													</select>
					</div>
				</div>
				<div class="line">
					<div class="startDateError error">Bitte gib ein Start-Datum ein.</div>
				</div>
			</div>
			<div class="flexbox">
				<div class="flex state">
					<label>Bundesland</label>
				</div>
				<div class="line flex">
					<div class="flexbox">
						<select name="state" id="state">
														<option value="bw">Baden Württemberg</option>
														<option value="by">Bayern</option>
														<option value="be" selected>Berlin</option>
														<option value="bb">Brandenburg</option>
														<option value="hb">Bremen</option>
														<option value="hh">Hamburg</option>
														<option value="he">Hessen</option>
														<option value="mv">Mecklenburg-Vorpommern</option>
														<option value="ni">Niedersachsen</option>
														<option value="nw">Nordrhein-Westfalen</option>
														<option value="rp">Rheinland-Pfalz</option>
														<option value="sl">Saarland</option>
														<option value="sn">Sachsen</option>
														<option value="st">Sachsen Anhalt</option>
														<option value="sh">Schleswig Holstein</option>
														<option value="th">Thüringen</option>
													</select>
					</div>
				</div>
				
			</div>
		</div>
		<div class="flex">
			<div class="flexbox">
				<div class="buttons buttons-center"><div id="calcDays" class="btn " >
								<span class="btn-before"><svg width="254" height="392" viewBox="0 0 254 392" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M0 57.647C0 25.8095 25.8095 0 57.647 0C89.4846 0 115.294 25.8095 115.294 57.647C115.294 89.4846 89.4846 115.294 57.647 115.294C25.8095 115.294 0 89.4846 0 57.647Z" fill="#121212"></path>
								<path d="M138.353 196C138.353 164.163 164.163 138.353 196 138.353C227.838 138.353 253.647 164.163 253.647 196C253.647 227.838 227.838 253.647 196 253.647C164.163 253.647 138.353 227.838 138.353 196Z" fill="#121212"></path>
								<path d="M0 334.353C0 302.516 25.8095 276.706 57.647 276.706C89.4846 276.706 115.294 302.516 115.294 334.353C115.294 366.191 89.4846 392 57.647 392C25.8095 392 0 366.191 0 334.353Z" fill="#121212"></path>
							</svg></span>
								<span class="btn-text">Tage berechnen
									<span class="btn-after"><svg width="254" height="392" viewBox="0 0 254 392" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M0 57.647C0 25.8095 25.8095 0 57.647 0C89.4846 0 115.294 25.8095 115.294 57.647C115.294 89.4846 89.4846 115.294 57.647 115.294C25.8095 115.294 0 89.4846 0 57.647Z" fill="#121212"></path>
								<path d="M138.353 196C138.353 164.163 164.163 138.353 196 138.353C227.838 138.353 253.647 164.163 253.647 196C253.647 227.838 227.838 253.647 196 253.647C164.163 253.647 138.353 227.838 138.353 196Z" fill="#121212"></path>
								<path d="M0 334.353C0 302.516 25.8095 276.706 57.647 276.706C89.4846 276.706 115.294 302.516 115.294 334.353C115.294 366.191 89.4846 392 57.647 392C25.8095 392 0 366.191 0 334.353Z" fill="#121212"></path>
							</svg></span>
								</span>
							</div></div>			</div>
		</div>
				
	</div>
</div>
<div id="output-feiertage"></div>

<h2>Übersicht der Feiertage nach Bundesland 2025</h2>
<p>In der folgenden Tabelle findet Ihr die <strong>Feiertage 2025</strong>, sortiert vom Bundesland mit den meisten Feiertagen zu den Bundesländern mit den wenigsten.</p>
<table>
	<thead>
		<tr>
			<th>Bundeland</th>
			<th>Anzahl Feiertage 2025</th>
		</tr>
	</thead>
	<tbody>
				<tr>
			<td>Bayern</td>
			<td>15</td>
		</tr>
			
				<tr>
			<td>Baden Württemberg</td>
			<td>13</td>
		</tr>
			
				<tr>
			<td>Brandenburg</td>
			<td>12</td>
		</tr>
			
				<tr>
			<td>Saarland</td>
			<td>12</td>
		</tr>
			
				<tr>
			<td>Sachsen</td>
			<td>12</td>
		</tr>
			
				<tr>
			<td>Thüringen</td>
			<td>12</td>
		</tr>
			
				<tr>
			<td>Berlin</td>
			<td>11</td>
		</tr>
			
				<tr>
			<td>Mecklenburg-Vorpommern</td>
			<td>11</td>
		</tr>
			
				<tr>
			<td>Nordrhein-Westfalen</td>
			<td>11</td>
		</tr>
			
				<tr>
			<td>Rheinland-Pfalz</td>
			<td>11</td>
		</tr>
			
				<tr>
			<td>Sachsen Anhalt</td>
			<td>11</td>
		</tr>
			
				<tr>
			<td>Bremen</td>
			<td>10</td>
		</tr>
			
				<tr>
			<td>Hamburg</td>
			<td>10</td>
		</tr>
			
				<tr>
			<td>Hessen</td>
			<td>10</td>
		</tr>
			
				<tr>
			<td>Niedersachsen</td>
			<td>10</td>
		</tr>
			
				<tr>
			<td>Schleswig Holstein</td>
			<td>10</td>
		</tr>
			
			</tbody>
</table>

<h2>Alle Feiertage 2025</h2>
<p>Die nachfolgende Übersicht zeigt alle <strong>Feiertage 2025</strong> an. Hoffentlich ist auch dein Bundesland oft dabei.</p>
<table>
	<thead>
		<tr>
			<th>Feiertage 2025</th>
			<th>Datum</th>
			<th>Wochentag</th>
			<th>Die glücklichen Bundesländer</th>
		</tr>
	</thead>
	<tbody>
			<tr>
			<td>Neujahrstag</td>
			<td>01.01.2025</td>
			<td>Mittwoch</td>
			<td><small>Baden Württemberg, Bayern, Berlin, Brandenburg, Bremen, Hamburg, Hessen, Mecklenburg-Vorpommern, Niedersachsen, Nordrhein-Westfalen, Rheinland-Pfalz, Saarland, Sachsen, Sachsen Anhalt, Schleswig Holstein, Thüringen</small></td>
		</tr>
			<tr>
			<td>Heilige Drei Könige</td>
			<td>06.01.2025</td>
			<td>Montag</td>
			<td><small>Baden Württemberg, Bayern, Sachsen Anhalt</small></td>
		</tr>
			<tr>
			<td>Frauentag</td>
			<td>08.03.2025</td>
			<td>Samstag</td>
			<td><small>Berlin, Mecklenburg-Vorpommern</small></td>
		</tr>
			<tr>
			<td>Karfreitag</td>
			<td>18.04.2025</td>
			<td>Freitag</td>
			<td><small>Baden Württemberg, Bayern, Berlin, Brandenburg, Bremen, Hamburg, Hessen, Mecklenburg-Vorpommern, Niedersachsen, Nordrhein-Westfalen, Rheinland-Pfalz, Saarland, Sachsen, Sachsen Anhalt, Schleswig Holstein, Thüringen</small></td>
		</tr>
			<tr>
			<td>Ostersonntag</td>
			<td>20.04.2025</td>
			<td>Sonntag</td>
			<td><small>Brandenburg</small></td>
		</tr>
			<tr>
			<td>Ostermontag</td>
			<td>21.04.2025</td>
			<td>Montag</td>
			<td><small>Baden Württemberg, Bayern, Berlin, Brandenburg, Bremen, Hamburg, Hessen, Mecklenburg-Vorpommern, Niedersachsen, Nordrhein-Westfalen, Rheinland-Pfalz, Saarland, Sachsen, Sachsen Anhalt, Schleswig Holstein, Thüringen</small></td>
		</tr>
			<tr>
			<td>Tag der Arbeit</td>
			<td>01.05.2025</td>
			<td>Donnerstag</td>
			<td><small>Baden Württemberg, Bayern, Berlin, Brandenburg, Bremen, Hamburg, Hessen, Mecklenburg-Vorpommern, Niedersachsen, Nordrhein-Westfalen, Rheinland-Pfalz, Saarland, Sachsen, Sachsen Anhalt, Schleswig Holstein, Thüringen</small></td>
		</tr>
			<tr>
			<td>8. Mai 2025</td>
			<td>08.05.2025</td>
			<td>Donnerstag</td>
			<td><small>Berlin <sup><a href="#hint-5" title="hinweis 5">[5]</a></sup></small></td>
		</tr>
			<tr>
			<td>Christi Himmelfahrt</td>
			<td>29.05.2025</td>
			<td>Donnerstag</td>
			<td><small>Baden Württemberg, Bayern, Berlin, Brandenburg, Bremen, Hamburg, Hessen, Mecklenburg-Vorpommern, Niedersachsen, Nordrhein-Westfalen, Rheinland-Pfalz, Saarland, Sachsen, Sachsen Anhalt, Schleswig Holstein, Thüringen</small></td>
		</tr>
			<tr>
			<td>Pfingstsonntag</td>
			<td>08.06.2025</td>
			<td>Sonntag</td>
			<td><small>Brandenburg</small></td>
		</tr>
			<tr>
			<td>Pfingstmontag</td>
			<td>09.06.2025</td>
			<td>Montag</td>
			<td><small>Baden Württemberg, Bayern, Berlin, Brandenburg, Bremen, Hamburg, Hessen, Mecklenburg-Vorpommern, Niedersachsen, Nordrhein-Westfalen, Rheinland-Pfalz, Saarland, Sachsen, Sachsen Anhalt, Schleswig Holstein, Thüringen</small></td>
		</tr>
			<tr>
			<td>Fronleichnam</td>
			<td>19.06.2025</td>
			<td>Donnerstag</td>
			<td><small>Baden Württemberg, Bayern, Hessen, Nordrhein-Westfalen, Rheinland-Pfalz, Saarland, Sachsen <sup><a href="#hint-6" title="hinweis 6">[6]</a></sup>, Thüringen <sup><a href="#hint-7" title="hinweis 7">[7]</a></sup></small></td>
		</tr>
			<tr>
			<td>Augsburger Friedensfest</td>
			<td>08.08.2025</td>
			<td>Freitag</td>
			<td><small>Bayern <sup><a href="#hint-2" title="hinweis 2">[2]</a></sup></small></td>
		</tr>
			<tr>
			<td>Mariä Himmelfahrt</td>
			<td>15.08.2025</td>
			<td>Freitag</td>
			<td><small>Bayern <sup><a href="#hint-3" title="hinweis 3">[3]</a></sup>, Saarland</small></td>
		</tr>
			<tr class="naechsterFeiertag">
			<td>Weltkindertag</td>
			<td>20.09.2025</td>
			<td>Samstag</td>
			<td><small>Thüringen</small></td>
		</tr>
			<tr>
			<td>Tag der Deutschen Einheit</td>
			<td>03.10.2025</td>
			<td>Freitag</td>
			<td><small>Baden Württemberg, Bayern, Berlin, Brandenburg, Bremen, Hamburg, Hessen, Mecklenburg-Vorpommern, Niedersachsen, Nordrhein-Westfalen, Rheinland-Pfalz, Saarland, Sachsen, Sachsen Anhalt, Schleswig Holstein, Thüringen</small></td>
		</tr>
			<tr>
			<td>Reformationstag</td>
			<td>31.10.2025</td>
			<td>Freitag</td>
			<td><small>Baden Württemberg <sup><a href="#hint-1" title="hinweis 1">[1]</a></sup>, Brandenburg, Bremen, Hamburg, Mecklenburg-Vorpommern, Niedersachsen, Sachsen, Sachsen Anhalt, Schleswig Holstein, Thüringen</small></td>
		</tr>
			<tr>
			<td>Allerheiligen</td>
			<td>01.11.2025</td>
			<td>Samstag</td>
			<td><small>Baden Württemberg, Bayern, Nordrhein-Westfalen, Rheinland-Pfalz, Saarland</small></td>
		</tr>
			<tr>
			<td>Buß- und Bettag</td>
			<td>19.11.2025</td>
			<td>Mittwoch</td>
			<td><small>Bayern <sup><a href="#hint-4" title="hinweis 4">[4]</a></sup>, Sachsen</small></td>
		</tr>
			<tr>
			<td>1. Weihnachtstag</td>
			<td>25.12.2025</td>
			<td>Donnerstag</td>
			<td><small>Baden Württemberg, Bayern, Berlin, Brandenburg, Bremen, Hamburg, Hessen, Mecklenburg-Vorpommern, Niedersachsen, Nordrhein-Westfalen, Rheinland-Pfalz, Saarland, Sachsen, Sachsen Anhalt, Schleswig Holstein, Thüringen</small></td>
		</tr>
			<tr>
			<td>2. Weihnachtstag</td>
			<td>26.12.2025</td>
			<td>Freitag</td>
			<td><small>Baden Württemberg, Bayern, Berlin, Brandenburg, Bremen, Hamburg, Hessen, Mecklenburg-Vorpommern, Niedersachsen, Nordrhein-Westfalen, Rheinland-Pfalz, Saarland, Sachsen, Sachsen Anhalt, Schleswig Holstein, Thüringen</small></td>
		</tr>
		</tbody>
</table>

<h2>Feiertagsregelung 2025 in den Bundesländern als Kreuztabelle</h2>
<p>Die folgende Übersicht stellt die Feiertage 2025 nur als Kreuztabelle dar. Vielleicht findet einer diese Darstellung angenehmer.</p>
<table class="noResponsive">
	<thead>
		<tr>
			<th>Feiertag</th>
						<th>BW</th>
						<th>BY</th>
						<th>BE</th>
						<th>BB</th>
						<th>HB</th>
						<th>HH</th>
						<th>HE</th>
						<th>MV</th>
						<th>NI</th>
						<th>NW</th>
						<th>RP</th>
						<th>SL</th>
						<th>SN</th>
						<th>ST</th>
						<th>SH</th>
						<th>TH</th>
					</tr>
	</thead>
	<tbody>
			<tr>
			<th>Neujahrstag<br><small>01.01.2025 (Mittwoch)</small></th>
			<td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td>		</tr>
			<tr>
			<th>Heilige Drei Könige<br><small>06.01.2025 (Montag)</small></th>
			<td>x</td><td>x</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>x</td><td></td><td></td>		</tr>
			<tr>
			<th>Frauentag<br><small>08.03.2025 (Samstag)</small></th>
			<td></td><td></td><td>x</td><td></td><td></td><td></td><td></td><td>x</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>		</tr>
			<tr>
			<th>Karfreitag<br><small>18.04.2025 (Freitag)</small></th>
			<td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td>		</tr>
			<tr>
			<th>Ostersonntag<br><small>20.04.2025 (Sonntag)</small></th>
			<td></td><td></td><td></td><td>x</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>		</tr>
			<tr>
			<th>Ostermontag<br><small>21.04.2025 (Montag)</small></th>
			<td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td>		</tr>
			<tr>
			<th>Tag der Arbeit<br><small>01.05.2025 (Donnerstag)</small></th>
			<td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td>		</tr>
			<tr>
			<th>8. Mai 2025<br><small>08.05.2025 (Donnerstag)</small></th>
			<td></td><td></td><td>x <sup><a href="#hint-5" title="hinweis 5">[5]</a></sup></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>		</tr>
			<tr>
			<th>Christi Himmelfahrt<br><small>29.05.2025 (Donnerstag)</small></th>
			<td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td>		</tr>
			<tr>
			<th>Pfingstsonntag<br><small>08.06.2025 (Sonntag)</small></th>
			<td></td><td></td><td></td><td>x</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>		</tr>
			<tr>
			<th>Pfingstmontag<br><small>09.06.2025 (Montag)</small></th>
			<td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td>		</tr>
			<tr>
			<th>Fronleichnam<br><small>19.06.2025 (Donnerstag)</small></th>
			<td>x</td><td>x</td><td></td><td></td><td></td><td></td><td>x</td><td></td><td></td><td>x</td><td>x</td><td>x</td><td>x <sup><a href="#hint-6" title="hinweis 6">[6]</a></sup></td><td></td><td></td><td>x <sup><a href="#hint-7" title="hinweis 7">[7]</a></sup></td>		</tr>
			<tr>
			<th>Augsburger Friedensfest<br><small>08.08.2025 (Freitag)</small></th>
			<td></td><td>x <sup><a href="#hint-2" title="hinweis 2">[2]</a></sup></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>		</tr>
			<tr>
			<th>Mariä Himmelfahrt<br><small>15.08.2025 (Freitag)</small></th>
			<td></td><td>x <sup><a href="#hint-3" title="hinweis 3">[3]</a></sup></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>x</td><td></td><td></td><td></td><td></td>		</tr>
			<tr>
			<th>Weltkindertag<br><small>20.09.2025 (Samstag)</small></th>
			<td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>x</td>		</tr>
			<tr>
			<th>Tag der Deutschen Einheit<br><small>03.10.2025 (Freitag)</small></th>
			<td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td>		</tr>
			<tr>
			<th>Reformationstag<br><small>31.10.2025 (Freitag)</small></th>
			<td>x <sup><a href="#hint-1" title="hinweis 1">[1]</a></sup></td><td></td><td></td><td>x</td><td>x</td><td>x</td><td></td><td>x</td><td>x</td><td></td><td></td><td></td><td>x</td><td>x</td><td>x</td><td>x</td>		</tr>
			<tr>
			<th>Allerheiligen<br><small>01.11.2025 (Samstag)</small></th>
			<td>x</td><td>x</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>x</td><td>x</td><td>x</td><td></td><td></td><td></td><td></td>		</tr>
			<tr>
			<th>Buß- und Bettag<br><small>19.11.2025 (Mittwoch)</small></th>
			<td></td><td>x <sup><a href="#hint-4" title="hinweis 4">[4]</a></sup></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td>x</td><td></td><td></td><td></td>		</tr>
			<tr>
			<th>1. Weihnachtstag<br><small>25.12.2025 (Donnerstag)</small></th>
			<td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td>		</tr>
			<tr>
			<th>2. Weihnachtstag<br><small>26.12.2025 (Freitag)</small></th>
			<td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td>		</tr>
		</tbody>
</table>

<ul style="padding: 0 0 24px 0;">		<li style="list-style: none; padding: 12px 0;" id="hint-1"><small>[1] Gemäß § 4 Abs. 3 des Feiertagsgesetzes von Baden-Württemberg[10] haben Schüler am Gründonnerstag und am Reformationstag schulfrei. In der Regel legt das Kultusministerium die Ferientermine so fest, dass diese beiden Tage in die Osterferien bzw. in die Herbstferien fallen.</small></li>
	
		<li style="list-style: none; padding: 12px 0;" id="hint-2"><small>[2] Das Augsburger Friedensfest ist nur im Stadtgebiet Augsburg (nicht jedoch im angrenzenden Umland) gesetzlicher Feiertag (Art. 1 Abs. 2 Bayerisches Feiertagsgesetz[7]).</small></li>
	
		<li style="list-style: none; padding: 12px 0;" id="hint-3"><small>[3] Mariä Himmelfahrt ist in Bayern in von den derzeit 1704[8] (Zensus 2011, bis 2013: 1700) Gemeinden mit überwiegend katholischer Bevölkerung gesetzlicher Feiertag, in den restlichen 352 (Zensus 2011, bis 2013: 356) Gemeinden nicht. Gemäß Art. 1 Abs. 3 des Bayerischen Feiertagsgesetzes[7] ist es Aufgabe des Bayerischen Landesamtes für Statistik und Datenverarbeitung, festzustellen, in welchen Gemeinden Mariä Himmelfahrt gesetzlicher Feiertag ist. Die aktuelle Festlegung beruht auf dem Ergebnis der letzten in der Bundesrepublik Deutschland durchgeführten Volkszählung vom 25. Mai 1987. Gemäß Art 4. Abs. 3 des Bayerischen Feiertagsgesetzes entfällt im gesamten Bundesland zu Mariä Himmelfahrt an Schulen aller Gattungen der Unterricht. Diese Festlegung gilt ausdrücklich auch in den Teilen Bayerns, in denen dieser Tag kein gesetzlicher Feiertag ist. Eine Übersichtskarte aller Gemeinden, in denen Mariä Himmelfahrt ein Feiertag ist, kann beim Bayerischen Landesamt für Statistik und Datenverarbeitung heruntergeladen werden (Link siehe unter "Weitere Weblinks").</small></li>
	
		<li style="list-style: none; padding: 12px 0;" id="hint-4"><small>[4] Gemäß Art. 4 Nr. 3 des Bayerischen Feiertagsgesetzes[7] entfällt im gesamten Bundesland am Buß- und Bettag an allen Schulen der Unterricht.</small></li>
	
		<li style="list-style: none; padding: 12px 0;" id="hint-5"><small>[5] Einmaliger Feiertag, 80. Jahrestag der Befreiung vom Nationalsozialismus und der Beendigung des Zweiten Weltkriegs in Europa</small></li>
	
		<li style="list-style: none; padding: 12px 0;" id="hint-6"><small>[6] Fronleichnam ist kein gesetzlicher Feiertag außer in folgenden katholisch geprägten Gemeinden des sorbischen Siedlungsgebietes im Landkreis Bautzen:
				Bautzen (nur in den Ortsteilen Bolbritz und Salzenforst), Crostwitz, Göda (nur im Ortsteil Prischwitz), Großdubrau (nur im Ortsteil Sdier), Hoyerswerda (nur im Ortsteil Dörgenhausen), Königswartha (nicht im Ortsteil Wartha), Nebelschütz, Neschwitz (nur in den Ortsteilen Neschwitz und Saritsch), Panschwitz-Kuckau, Puschwitz, Räckelwitz, Radibor, Ralbitz-Rosenthal und Wittichenau. Entscheidend ist dabei der Arbeitsort, nicht der Wohnort eines Arbeitnehmers.
				Die gesetzliche Grundlage für diese durch die Fronleichnamsverordnung festgelegte Regelung ergibt sich aus § 1 Abs. 1 des Sächsischen Feiertagsgesetzes.[5]</small></li>
	
		<li style="list-style: none; padding: 12px 0;" id="hint-7"><small>[7] Fronleichnam ist kein gesetzlicher Feiertag außer im gesamten Landkreis Eichsfeld (79 Gemeinden am 31. Dezember 2013, Auflistung siehe dort) sowie in folgenden Gemeinden des Unstrut-Hainich-Kreises und des Wartburgkreises:
				Anrode (nur in den Ortsteilen Bickenriede und Zella), Brunnhartshausen (nur in den Ortsteilen Föhlritz und Steinberg), Buttlar, Dünwald (nur in den Ortsteilen Beberstedt und Hüpstedt), Geisa, Rodeberg (nur im Ortsteil Struth), Schleid, Südeichsfeld und Zella/Rhön.
				Die gesetzliche Grundlage für diese Regelung ergibt sich aus § 2 Abs. 2 und § 10 Abs. 1 des Thüringer Feiertagsgesetzes.[6]</small></li>
	
</ul>		
	</div>
</section>


<section id="block_1ccfecb2a1578d61e5545ae7b03aaa36" class="revilodesign code">
	<div class="content">
		<article class="article-content"><h2>Und so funktioniert der Feiertagsrechner</h2>
<p>Gib ein beliebiges Datum an oder du lässt das heutige Datum, welches Standardmäßig immer voreingestellt ist. Anschließend kannst du dein Bundesland auswählen und schon wird dir in Tagen angezeigt wann der nächste Feiertag ist. Ebenso zeigt dir mein Rechner alle bisherigen und alle zukünftigen Feiertage des ausgwählten Jahres und Bundeslandes an.</p>
<h2>Feiertage mittels API anzeigen lassen</h2>
<p>Ich habe mich bei dem obigen Rechner einer <a href="https://feiertage-api.de/" rel="noopener" target="_blank" title="kostenlosen Feiertags API">kostenlosen Feiertags API</a> bedient und möchte mich an dieser Stelle bei den Jungs und Mädels bedanken.</p>
<h3>So bekommst du die Feiertage per API</h3>
<p>Es reicht wenn du die folgende URL hast</p>
</article>		<div id="code-block_1ccfecb2a1578d61e5545ae7b03aaa36" class="codeblock">
			<div class="code-language">html</div>
			<pre>
				<code class="language-xml" data-highlighted="yes">https://feiertage-api.de/api/?jahr=YEAR</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


<section id="block_254d47588e396e582bff86190107c6b4" class="revilodesign code">
	<div class="content">
		<article class="article-content"><p>Mit der URL bekommst du ein JSON mit allen Gesetzlichen Feiertagen und in welchen Bundesländern diese Gültigkeit haben. Die Feuertage kannst du dann in deinem Quellcode wie folgt verarbeiten:</p>
</article>		<div id="code-block_254d47588e396e582bff86190107c6b4" class="codeblock">
			<div class="code-language">php</div>
			<pre>
				<code class="language-php">$url				=	'https://feiertage-api.de/api/?jahr=YEAR';
$feiertage		=	file_get_contents( $url, TRUE );
$feiertage		=	json_decode( $feiertage, TRUE );

var_dump( $feiertage );</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


<section id="block_ead817897a22cba8e6474e410b88511d" class="revilodesign code">
	<div class="content">
		<article class="article-content"><h3>Feiertage eines bestimmten Bundeslandes</h3>
<p>Möchtest du nur die Feiertage eines bestimmten Bundeslandes haben, so kannst du den Parameter <code>nur_land</code> mit dem jeweiligen Kürzel des Bundeslandes anfügen. Folgende Kürzel stehen für das jeweilige Bundesland:</p>
<ol>
<li>Baden-Württemberg <strong>BW</strong></li>
<li>Bayern <strong>BY</strong></li>
<li>Berlin <strong>BE</strong></li>
<li>Brandenburg <strong>BB</strong></li>
<li>Bremen <strong>HB</strong></li>
<li>Hamburg <strong>HH</strong></li>
<li>Hessen <strong>HE</strong></li>
<li>Mecklenburg-Vorpommern <strong>MV</strong></li>
<li>Niedersachsen <strong>NI</strong></li>
<li>Nordrhein-Westfalen <strong>NW</strong></li>
<li>Rheinland Pfalz <strong>RP</strong></li>
<li>Saarland <strong>SL</strong></li>
<li>Sachsen <strong>SN</strong></li>
<li>Sachen-Anhalt <strong>ST</strong></li>
<li>Schleswig Holstein <strong>SH</strong></li>
<li>Thüringen <strong>TH</strong></li>
</ol>
<p>Für die Feiertage in Berlin würde die URL dann wie folgt aussehen:</p>
</article>		<div id="code-block_ead817897a22cba8e6474e410b88511d" class="codeblock">
			<div class="code-language">html</div>
			<pre>
				<code class="language-xml" data-highlighted="yes">https://feiertage-api.de/api/?jahr=YEAR&nur_land=BE</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


	<section id="block_7302bde4d956c8921da89ef27dd31624" class="revilodesign revilodesign-text text section-5 bg-color-white section-width-full section-height-auto content-width-content content-align-left text-align-left">
		<div class="content">
			<div class="flex alignCenter">
								<div class="flexbox text right asset-type-empty">
					<article class="article-content"><h3>Woher kommen die Daten?</h3>
<p>Laut Aussage auf der Webseite der kostenlosen Feiertags-API werden die Daten von <a href="https://de.wikipedia.org/wiki/Gesetzliche_Feiertage_in_Deutschland" rel="noopener" target="_blank" title="https://de.wikipedia.org/wiki/Gesetzliche_Feiertage_in_Deutschland">https://de.wikipedia.org/wiki/Gesetzliche_Feiertage_in_Deutschland</a> bezogen. Manche gesetzliche Feiertage gibt es nur in bestimmten Bundesländern und manchmal gibt es spezielle Hinweise. Diese sind dann auch im JSON hinterlegt.</p>
</article>				</div>
							</div>
		</div>
			</section>
<p>Der Beitrag <a href="https://www.revilodesign.de/tools/feiertagsrechner-in-wie-vielen-tagen-ist-der-naechste-feiertag/">Feiertagsrechner &#8211; In wie vielen Tagen ist der nächste Feiertag?</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.revilodesign.de/tools/feiertagsrechner-in-wie-vielen-tagen-ist-der-naechste-feiertag/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Tageszähler / Tagerechner &#8211; Wie viele Tage zwischen zwei Daten</title>
		<link>https://www.revilodesign.de/tools/tageszaehler-tagerechner-wie-viele-tage-zwischen-zwei-daten/</link>
					<comments>https://www.revilodesign.de/tools/tageszaehler-tagerechner-wie-viele-tage-zwischen-zwei-daten/#comments</comments>
		
		<dc:creator><![CDATA[Oliver Götze]]></dc:creator>
		<pubDate>Tue, 29 Jun 2021 12:02:38 +0000</pubDate>
				<category><![CDATA[Tools]]></category>
		<guid isPermaLink="false">https://www.revilodesign.de/?p=2798</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://www.revilodesign.de/tools/tageszaehler-tagerechner-wie-viele-tage-zwischen-zwei-daten/">Tageszähler / Tagerechner &#8211; Wie viele Tage zwischen zwei Daten</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></description>
										<content:encoded><![CDATA[<section id="block_16765141ee1ed3f31accba86b5d34767" class="revilodesign demo">
	<div class="content">
		<article class="article-content"><p>Du möchtest wissen <strong>wie viele Tage zwischen zwei Daten</strong> liegen? Wie viele Tage sind es noch bis zum nächsten Urlaub? <a href="https://www.revilodesign.de/tools/feiertagsrechner-in-wie-vielen-tagen-ist-der-naechste-feiertag/" title="feiertags rechner">Wie lange ist es noch bis zum nächsten Feiertag</a>? Wie alt ist mein Baby genau oder du möchtest wissen wie viele Tage zwischen zwei Events liegen? Dann kannst du dies mit meinen <em>kostenlosen Tagezähler</em> ganz einfach und schnell berechnen lassen. </p>
<h2>Anzahl der Tage zwischen zwei Daten berechnen</h2>
</article>		
		<div id="samplebox" class="calcDateBox">
	<div class="samplebox-content">
		<div class="flex">
			<div class="flexbox">
				<div class="flex currentDate">
					<label>Start-Datum:</label>
					<span id="todayStartDate" class="dateBtn btn btn-outlined btn-small">Heutiges Datum</span>
				</div>
				<div class="line flex dateFlex">
					<div class="flexbox">
						<input type="date" id="startDate" name="startDate" value="2021-01-25" required="" />
					</div>
					<div class="flexbox">
						<input type="time" id="startDateTime" name="startDateTime" value="00:00:00" />
					</div>
				</div>
				<div class="line">
					<div class="startDateError error">Bitte gib ein Start-Datum ein.</div>
				</div>
			</div>
			<div class="flexbox">
				<div class="flex currentDate">
					<label>End-Datum:</label>
					<span id="todayEndDate" class="dateBtn btn btn-outlined btn-small">Heutiges Datum</span>
				</div>
				<div class="line flex dateFlex">
					<div class="flexbox">
						<input type="date" id="endDate" name="endDate" value="2025-09-08" required="" />
					</div>
					<div class="flexbox">
						<input type="time" id="endDateTime" name="endDateTime" value="00:00:00" />
					</div>
				</div>
				
				<div class="line">
					<div class="endDateError error">Bitte gib ein End-Datum ein.</div>
				</div>
				
			</div>
		</div>
		<div class="flex">
			<div class="flexbox">
				
				<div class="buttons buttons-center"><div id="calcDays" class="btn " >
								<span class="btn-before"><svg width="254" height="392" viewBox="0 0 254 392" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M0 57.647C0 25.8095 25.8095 0 57.647 0C89.4846 0 115.294 25.8095 115.294 57.647C115.294 89.4846 89.4846 115.294 57.647 115.294C25.8095 115.294 0 89.4846 0 57.647Z" fill="#121212"></path>
								<path d="M138.353 196C138.353 164.163 164.163 138.353 196 138.353C227.838 138.353 253.647 164.163 253.647 196C253.647 227.838 227.838 253.647 196 253.647C164.163 253.647 138.353 227.838 138.353 196Z" fill="#121212"></path>
								<path d="M0 334.353C0 302.516 25.8095 276.706 57.647 276.706C89.4846 276.706 115.294 302.516 115.294 334.353C115.294 366.191 89.4846 392 57.647 392C25.8095 392 0 366.191 0 334.353Z" fill="#121212"></path>
							</svg></span>
								<span class="btn-text">Tage berechnen
									<span class="btn-after"><svg width="254" height="392" viewBox="0 0 254 392" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M0 57.647C0 25.8095 25.8095 0 57.647 0C89.4846 0 115.294 25.8095 115.294 57.647C115.294 89.4846 89.4846 115.294 57.647 115.294C25.8095 115.294 0 89.4846 0 57.647Z" fill="#121212"></path>
								<path d="M138.353 196C138.353 164.163 164.163 138.353 196 138.353C227.838 138.353 253.647 164.163 253.647 196C253.647 227.838 227.838 253.647 196 253.647C164.163 253.647 138.353 227.838 138.353 196Z" fill="#121212"></path>
								<path d="M0 334.353C0 302.516 25.8095 276.706 57.647 276.706C89.4846 276.706 115.294 302.516 115.294 334.353C115.294 366.191 89.4846 392 57.647 392C25.8095 392 0 366.191 0 334.353Z" fill="#121212"></path>
							</svg></span>
								</span>
							</div></div>			</div>
		</div>		
	</div>
</div>
		
<div id="output-calcDays"></div>		
	</div>
</section>


<section id="block_c5fafe6e2972b3e6fde7c3ed916be440" class="revilodesign code">
	<div class="content">
		<article class="article-content"><h3>Und so funktionierts</h3>
<p>Gib in die Box oben ein Start- und ein End-Datum an. Wenn du möchtest kannst du auch eine beliebige Uhrzeit auswählen. Anschließend musst du nur auf den Button <strong>Tage berechnen</strong> klicken und schon spuckt dir das Tool die entsprechende <strong>Differenz zweier Daten</strong> aus. </p>
<h2>Tageszähler mit PHP selber bauen</h2>
<p>Ich habe mich ganz einfach der folgenden Funktion beholfen</p>
</article>		<div id="code-block_c5fafe6e2972b3e6fde7c3ed916be440" class="codeblock">
			<div class="code-language">php</div>
			<pre>
				<code class="language-php">function dateDifference($date_1 , $date_2 , $differenceFormat = '%a' ) {
	$datetime1	=	date_create($date_1);
	$datetime2	=	date_create($date_2);
	$interval	=	date_diff($datetime1, $datetime2);
	return $interval-&gt;format($differenceFormat);
}</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


	<section id="block_23d4773313ecae39b173c28800fdb551" class="revilodesign revilodesign-text text section-6 bg-color-white section-width-full section-height-auto content-width-content content-align-left text-align-left">
		<div class="content">
			<div class="flex alignCenter">
								<div class="flexbox text right asset-type-empty">
					<article class="article-content"><p>Diese könnt ihr euch auch von <a href="https://www.php.net/manual/de/function.date-diff.php" rel="noopener" target="_blank" title="hier kopieren">hier kopieren</a>.</p>
<h3>So funktioniert die Funktion</h3>
<p>Gib ein Start- und ein Enddatum im folgenden Format <code>YYYY-MM-DD</code> Format an. Anschließend könnt ihr das Ausgabeformat wählen. Standardmäßig wird mit <code>%a</code> die Anzahl der Tage aus. </p>
<blockquote>
<p>Das Start-Datum wird nicht mitgezählt, wohingegen das End-Datum als 1 Tag mitgezählt wird.</p>
</blockquote>
<p>Folgende Variablen stehen dir für die Aussgabe zur Verfügung</p>
<table>
<thead>
<tr>
<th>Variable</th>
<th>Funktion</th>
<th>Ausgabe</th>
</tr>
<tbody>
<tr>
<td>%a</td>
<td><code>dateDifference($date_1 , $date_2 , '%a' )</code></td>
<td>X Tage insgesamt</td>
</tr>
<tr>
<td>%y</td>
<td><code>dateDifference($date_1 , $date_2 , '%y' )</code></td>
<td>X Jahre</td>
</tr>
<tr>
<td>%m</td>
<td><code>dateDifference($date_1 , $date_2 , '%m' )</code></td>
<td>X Monate</td>
</tr>
<tr>
<td>%d</td>
<td><code>dateDifference($date_1 , $date_2 , '%d' )</code></td>
<td>X Tage</td>
</tr>
<tr>
<td>%h</td>
<td><code>dateDifference($date_1 , $date_2 , '%h' )</code></td>
<td>X Stunden</td>
</tr>
<tr>
<td>%i</td>
<td><code>dateDifference($date_1 , $date_2 , '%i' )</code></td>
<td>X Minuten</td>
</tr>
<tr>
<td>%s</td>
<td><code>dateDifference($date_1 , $date_2 , '%s' )</code></td>
<td>X Sekunden</td>
</tr>
</tbody>
</table>
<p>So einfach könnt ihr die <strong>Tage zwischen zwei Daten berechnen</strong></p>
</article>				</div>
							</div>
		</div>
			</section>
<p>Der Beitrag <a href="https://www.revilodesign.de/tools/tageszaehler-tagerechner-wie-viele-tage-zwischen-zwei-daten/">Tageszähler / Tagerechner &#8211; Wie viele Tage zwischen zwei Daten</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.revilodesign.de/tools/tageszaehler-tagerechner-wie-viele-tage-zwischen-zwei-daten/feed/</wfw:commentRss>
			<slash:comments>3</slash:comments>
		
		
			</item>
		<item>
		<title>Meine IP-Adresse lokalisieren und orten (Geolocation)</title>
		<link>https://www.revilodesign.de/tools/meine-ip-adresse-lokalisieren-und-orten-geolocation/</link>
					<comments>https://www.revilodesign.de/tools/meine-ip-adresse-lokalisieren-und-orten-geolocation/#comments</comments>
		
		<dc:creator><![CDATA[Oliver Götze]]></dc:creator>
		<pubDate>Tue, 15 Jun 2021 12:37:12 +0000</pubDate>
				<category><![CDATA[Tools]]></category>
		<guid isPermaLink="false">https://www.revilodesign.de/?p=2770</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://www.revilodesign.de/tools/meine-ip-adresse-lokalisieren-und-orten-geolocation/">Meine IP-Adresse lokalisieren und orten (Geolocation)</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></description>
										<content:encoded><![CDATA[<section id="block_6d7828e8d87c09a026c9213f81f7e178" class="revilodesign demo">
	<div class="content">
				
		
<div id="samplebox" class="instagramBox">
	<div class="samplebox-bg"></div>
	<div class="samplebox-content">
		<label>Individuelle IP-Adresse eingeben:</label>
		<p><small>Gib eine IP-Adresse ein, um die Geolocation der IP heraus zu finden. Standardmäßig wird deine <strong>IP zum orten und lokalisieren</strong> verwendet.</small></p>
		<div class="line flex">
			<div class="flexbox">
				<input type="text" id="myIP" value="5.35.69.6" placeholder="Gib bitte eine IP Adresse ein" required="" />
			</div>
			<div class="flexbox flexbox-auto">
				
				<div class="buttons"><div id="findMyIP" class="btn " >
								<span class="btn-before"><svg width="254" height="392" viewBox="0 0 254 392" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M0 57.647C0 25.8095 25.8095 0 57.647 0C89.4846 0 115.294 25.8095 115.294 57.647C115.294 89.4846 89.4846 115.294 57.647 115.294C25.8095 115.294 0 89.4846 0 57.647Z" fill="#121212"></path>
								<path d="M138.353 196C138.353 164.163 164.163 138.353 196 138.353C227.838 138.353 253.647 164.163 253.647 196C253.647 227.838 227.838 253.647 196 253.647C164.163 253.647 138.353 227.838 138.353 196Z" fill="#121212"></path>
								<path d="M0 334.353C0 302.516 25.8095 276.706 57.647 276.706C89.4846 276.706 115.294 302.516 115.294 334.353C115.294 366.191 89.4846 392 57.647 392C25.8095 392 0 366.191 0 334.353Z" fill="#121212"></path>
							</svg></span>
								<span class="btn-text">IP Adresse Suchen
									<span class="btn-after"><svg width="254" height="392" viewBox="0 0 254 392" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M0 57.647C0 25.8095 25.8095 0 57.647 0C89.4846 0 115.294 25.8095 115.294 57.647C115.294 89.4846 89.4846 115.294 57.647 115.294C25.8095 115.294 0 89.4846 0 57.647Z" fill="#121212"></path>
								<path d="M138.353 196C138.353 164.163 164.163 138.353 196 138.353C227.838 138.353 253.647 164.163 253.647 196C253.647 227.838 227.838 253.647 196 253.647C164.163 253.647 138.353 227.838 138.353 196Z" fill="#121212"></path>
								<path d="M0 334.353C0 302.516 25.8095 276.706 57.647 276.706C89.4846 276.706 115.294 302.516 115.294 334.353C115.294 366.191 89.4846 392 57.647 392C25.8095 392 0 366.191 0 334.353Z" fill="#121212"></path>
							</svg></span>
								</span>
							</div></div>			</div>
		</div>
		<h2 style="margin-top: 24px">Wie ist meine IP-Adresse?</h2>
		<div id="output-my-ip"></div>
	</div>
</div>		
	</div>
</section>


<section id="block_8fa3186446a625523fcd4306a65f777d" class="revilodesign code">
	<div class="content">
		<article class="article-content"><p>In einen meiner letzteren Projekte habe ich die IP-Adresse und die Browserdaten, beim Login des Users, in der Datenbank gespeichert. Der Gedanke dahinter war der, dass ich dem Benutzer, auf dem von ihm hinterlegte E-Mail Adresse eine automatisierte E-Mail zukommen lassen wollte mit dem Hinweis, dass es einen Login mit der IP, dem Browser und vermutlich aus der Region kam.</p>
<h2>Wie komme ich an die Geolocation Daten einer IP-Adresse?</h2>
<p>Diese Frage musste ich mir stellen, denn mit <code>$_SERVER</code> bekomme ich nur die IP-Adresse und den Browser. Also woher die <strong>Geolocation Daten anhand der IP-Adresse</strong> herbekommen?</p>
<p>Nach einigem Suchen bin ich schlussendlich auf eine wirklich schöne <a href="https://ip-api.com/docs/api:json" rel="noopener" title="https://ip-api.com/docs/api:json" target="_blank">kostenlose API</a> gestoßen. Mit der konnte ich spielend leicht a<strong>lle notwendigen GEO Daten anhand der IP anzeigen lassen</strong> und noch viele mehr (Siehe Demo-Box ganz oben).</p>
<h3>So bekommst du mit PHP und Ajax Geolocation Daten anhand der IP-Adresse</h3>
<p>Eigentlich ist die API super simpel. es reicht schon folgenden Link aufzurufen: </p>
<p><a href="http://ip-api.com/json/8.8.8.8" rel="noopener" target="_blank" title="http://ip-api.com/json/8.8.8.8">http://ip-api.com/json/8.8.8.8</a></p>
<p>Nun solltet Ihr in etwas folgendes sehen:</p>
</article>		<div id="code-block_8fa3186446a625523fcd4306a65f777d" class="codeblock">
			<div class="code-language">json</div>
			<pre>
				<code class="language-json">{&quotstatus&quot:&quotsuccess&quot,&quotcountry&quot:&quotUnited States&quot,&quotcountryCode&quot:&quotUS&quot,&quotregion&quot:&quotVA&quot,&quotregionName&quot:&quotVirginia&quot,&quotcity&quot:&quotAshburn&quot,&quotzip&quot:&quot20149&quot,&quotlat&quot:39.03,&quotlon&quot:-77.5,&quottimezone&quot:&quotAmerica/New_York&quot,&quotisp&quot:&quotGoogle LLC&quot,&quotorg&quot:&quotGoogle Public DNS&quot,&quotas&quot:&quotAS15169 Google LLC&quot,&quotquery&quot:&quot8.8.8.8&quot}</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


<section id="block_2cec00b771d1f9b0698c5ac38c1a4bd4" class="revilodesign code">
	<div class="content">
		<article class="article-content"><p>Wenn ja, dann funktioniert die API super. Nun können wir anfangen. </p>
<h3>1. IP Adresse des Besuchers</h3>
<p>Zunächst einmal holen wir uns die IP des Users:</p>
</article>		<div id="code-block_2cec00b771d1f9b0698c5ac38c1a4bd4" class="codeblock">
			<div class="code-language">php</div>
			<pre>
				<code class="language-php">if (!empty($_SERVER['HTTP_CLIENT_IP'])) {
	$ip		=	$_SERVER['HTTP_CLIENT_IP'];
} elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])) {
	$ip		=	$_SERVER['HTTP_X_FORWARDED_FOR'];
} else {
	$ip		=	$_SERVER['REMOTE_ADDR'];
}</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


<section id="block_5cb7b4079aa35cf134ce560bf78aecae" class="revilodesign code">
	<div class="content">
		<article class="article-content"><h3>2. Browser und Betriebssystem des Besuchers</h3>
<p>Und mit <code>$_SERVER['HTTP_USER_AGENT'];</code> bekommen wir den verwendeten Browser und das Betriebssystem. Wer den Browser und das Betriebssystem schöner angezeigt haben möchte, der sollte sich unbedingt <a href="https://stackoverflow.com/questions/3441880/get-users-os-and-version-number/15497878#15497878" rel="noopener" target="_blank" title="diesen Code-Schnippsel anschauen">diesen Code-Schnippsel anschauen</a>.</p>
<h3>3. Ausgabe definieren</h3>
<p>Nun erstellen wir ein DIV in dem alle Daten geladen werden sollen</p>
</article>		<div id="code-block_5cb7b4079aa35cf134ce560bf78aecae" class="codeblock">
			<div class="code-language">html</div>
			<pre>
				<code class="language-xml" data-highlighted="yes">&lt;div id=&quotoutput&quot&gt;&lt;/div&gt;</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


<section id="block_ae7a96c210cc8c2a12ab27b61088fb18" class="revilodesign code">
	<div class="content">
		<article class="article-content"><h3>4. Mit Ajax die Daten abholen</h3>
<p>Nun erstellen wir eine function und übergeben dieser die IP Adresse.</p>
<blockquote>
<p><strong>Beachte:</strong> Du musst den Pfad (url) zu deiner ajax.php anpassen</p>
</blockquote>
</article>		<div id="code-block_ae7a96c210cc8c2a12ab27b61088fb18" class="codeblock">
			<div class="code-language">php</div>
			<pre>
				<code class="language-php">function ipAdress( ip ) {
	if ( ip != undefined && ip.length ) {
		var request		=	$.ajax({
			url			:	&quotajax.php&quot,
			method		:	&quotPOST&quot,
			data		:	{
				ip	:	ip,
			},
			success		:	function(result) {
				jQuery('div#output').html( result );
			},
			error		:	function (xhr, ajaxOptions, thrownError) {
				jQuery('div#output').html('&lt;p&gt;&lt;strong&gt;Ups, da ist wohl etwas schief gegangen.&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;' + xhr.status + '&lt;br /&gt;' + thrownError + '&lt;/p&gt;');
			}
		});
		
	} else {
		jQuery('div#output').html('&lt;strong&gt;Bitte gib eine IP-Adresse ein!&lt;/strong&gt;');
	}
	
} ipAdress( '&lt;?php echo $ip; ?&gt;' );</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


<section id="block_79b09dce2d5c204c2da8e799ccbcba5e" class="revilodesign code">
	<div class="content">
		<article class="article-content"><h3>5. Json Daten abrufen</h3>
<p>In der ajax.php holen wir uns nun die JSON Daten. Man kann zusätzlich die Sprache definieren und die einzelnen Felder, die man haben möchte. In meinem Beispiel habe ich alle angegegen. In der Ausgabe habe ich nur einen Wert ausgewählt. Das müsst Ihr nach euren Bedürfnissen anpassen. </p>
</article>		<div id="code-block_79b09dce2d5c204c2da8e799ccbcba5e" class="codeblock">
			<div class="code-language">php</div>
			<pre>
				<code class="language-php">// filter_var_array - https://www.php.net/manual/de/function.filter-var-array.php
$postData		=	filter_var_array( $_POST, FILTER_SANITIZE_STRING );

// Json Data
$lang			=	'da' //en, de, es, pt-BR, fr, ja, zh-CN, ru
$url			=	'http://ip-api.com/json/' . $postData['ip'] . '?fields=status,message,continent,continentCode,country,countryCode,region,regionName,city,zip,lat,lon,timezone,isp,org,as,asname,reverse,mobile,proxy,hosting,query&lang=' . $lang;
$json_content	=	file_get_contents($url, TRUE);
$json			=	json_decode($json_content, TRUE);

// Status success
if ( isset( $json['status'] ) && $json['status'] == 'success' ) {
	// Geo
	$continent		=	isset( $json['continent'] ) && strlen( $json['continent'] ) ? $json['continent'] : '-';
	$continentCode	=	isset( $json['continentCode'] ) && strlen( $json['continentCode'] ) ? $json['continentCode'] : '-';
	$country		=	isset( $json['country'] ) && strlen( $json['country'] ) ? $json['country'] : '-';
	$countryCode	=	isset( $json['countryCode'] ) && strlen( $json['countryCode'] ) ? $json['countryCode'] : '-';
	$region			=	isset( $json['region'] ) && strlen( $json['region'] ) ? $json['region'] : '-';
	$regionName		=	isset( $json['regionName'] ) && strlen( $json['regionName'] ) ? $json['regionName'] : '-';
	$city			=	isset( $json['city'] ) && strlen( $json['city'] ) ? $json['city'] : '-';
	$zip			=	isset( $json['zip'] ) && strlen( $json['zip'] ) ? $json['zip'] : '-';
	$lat			=	isset( $json['lat'] ) && strlen( $json['lat'] ) ? $json['lat'] : '-';
	$lon			=	isset( $json['lon'] ) && strlen( $json['lon'] ) ? $json['lon'] : '-';
	$isp			=	isset( $json['isp'] ) && strlen( $json['isp'] ) ? $json['isp'] : '-';
	$org			=	isset( $json['org'] ) && strlen( $json['org'] ) ? $json['org'] : '-';
	$as				=	isset( $json['as'] ) && strlen( $json['as'] ) ? $json['as'] : '-';
	$asname			=	isset( $json['asname'] ) && strlen( $json['asname'] ) ? $json['asname'] : '-';
	$reverse		=	isset( $json['reverse'] ) && strlen( $json['reverse'] ) ? $json['reverse'] : '-';
	$mobile			=	isset( $json['mobile'] ) && $json['mobile'] == true ? 'true' : 'false';
	$proxy			=	isset( $json['proxy'] ) && $json['proxy'] == true ? 'true' :'false';
	$hosting		=	isset( $json['hosting'] ) && strlen( $json['hosting'] ) ? 'true' : 'false';
	
	echo $regionName;
}</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


	<section id="block_bcebd33caa069841f4a71a264d9766cd" class="revilodesign revilodesign-text text section-7 bg-color-white section-width-full section-height-auto content-width-content content-align-left text-align-left">
		<div class="content">
			<div class="flex alignCenter">
								<div class="flexbox text right asset-type-empty">
					<article class="article-content"><p>Wenn Ihr alles richtig gemacht habt, dann solltet Ihr die <strong>IP Adresse lokalisieren und geographisch zuordnen</strong> können. Solltet Ihr Anregungen, Verbesserungen oder Fehler entdeckt haben, dann schreibt es mir gerne in die Kommentare.</p>
</article>				</div>
							</div>
		</div>
			</section>
<p>Der Beitrag <a href="https://www.revilodesign.de/tools/meine-ip-adresse-lokalisieren-und-orten-geolocation/">Meine IP-Adresse lokalisieren und orten (Geolocation)</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.revilodesign.de/tools/meine-ip-adresse-lokalisieren-und-orten-geolocation/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>iframe responsive Generator online</title>
		<link>https://www.revilodesign.de/tools/iframe-responsive-generator-online/</link>
					<comments>https://www.revilodesign.de/tools/iframe-responsive-generator-online/#respond</comments>
		
		<dc:creator><![CDATA[Oliver Götze]]></dc:creator>
		<pubDate>Tue, 18 May 2021 09:09:29 +0000</pubDate>
				<category><![CDATA[Tools]]></category>
		<guid isPermaLink="false">https://www.revilodesign.de/?p=2730</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://www.revilodesign.de/tools/iframe-responsive-generator-online/">iframe responsive Generator online</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></description>
										<content:encoded><![CDATA[<section id="block_3c7ac27fef6d250c410671efaed2f2cd" class="revilodesign demo">
	<div class="content">
		<article class="article-content"><p>In einigen Projekten ist es erforderlich, dass man ein Video via iframe einbettet und dieses muss natürlich, unabhängig von der Bildschirmbreite, immer im richtigen Seitenverhältnis angezeigt werden. Jetzt gibt es mehrere Möglichkeiten wie man ein <strong>Video oder iframe responsive machen</strong> kann. Die einfachste Variante ist ein <strong>online responsive iframe Generator</strong> zu nutzen.</p>
<h2>Responsive iframe Generator online</h2>
</article>		
		<div id="samplebox" class="iframeGenerator flex flexColumn">
	<div class="samplebox-content flex">
		<div class="flexbox flex">
			<div class="flex flexColumn">
				<div class="h3 headline title">URL</div>
				<div class="form" style="margin: 0">
					<input id="url" type="url" value="" placeholder="https://www.revilodesign.de/" />
				</div>
				
			</div>
			<div class="flex flexColumn">
				<div class="h3 headline title">Aspect Ratio <small>(Seitenverhältnis)</small></div>
				<div class="form" style="margin: 0">
					<select id="aspectRatio">
						<option value="16/9">16x9</option>
						<option value="8/5">8x5</option>
						<option value="5/4">5x4</option>
						<option value="4/3">4x3</option>
						<option value="4/5">4x5</option>
						<option value="3/2">3x2</option>
						<option value="4/1">4x1</option>
						<option value="3/1">3x1</option>
						<option value="2/1">2x1</option>
						<option value="1/1">1x1</option>
					</select>
				</div>
			</div>
		</div>
	</div>
	<div class="samplebox-content flex">
		<div class="flexbox">
			<div class="h3 headline">HTML</div>
			<textarea id="outputHtml" readonly></textarea>
			<div class="buttons buttons-center"><div id="copyIframeHTML" class="btn " >
								<span class="btn-before"><svg width="254" height="392" viewBox="0 0 254 392" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M0 57.647C0 25.8095 25.8095 0 57.647 0C89.4846 0 115.294 25.8095 115.294 57.647C115.294 89.4846 89.4846 115.294 57.647 115.294C25.8095 115.294 0 89.4846 0 57.647Z" fill="#121212"></path>
								<path d="M138.353 196C138.353 164.163 164.163 138.353 196 138.353C227.838 138.353 253.647 164.163 253.647 196C253.647 227.838 227.838 253.647 196 253.647C164.163 253.647 138.353 227.838 138.353 196Z" fill="#121212"></path>
								<path d="M0 334.353C0 302.516 25.8095 276.706 57.647 276.706C89.4846 276.706 115.294 302.516 115.294 334.353C115.294 366.191 89.4846 392 57.647 392C25.8095 392 0 366.191 0 334.353Z" fill="#121212"></path>
							</svg></span>
								<span class="btn-text">In die Zwischenablage kopieren
									<span class="btn-after"><svg width="254" height="392" viewBox="0 0 254 392" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M0 57.647C0 25.8095 25.8095 0 57.647 0C89.4846 0 115.294 25.8095 115.294 57.647C115.294 89.4846 89.4846 115.294 57.647 115.294C25.8095 115.294 0 89.4846 0 57.647Z" fill="#121212"></path>
								<path d="M138.353 196C138.353 164.163 164.163 138.353 196 138.353C227.838 138.353 253.647 164.163 253.647 196C253.647 227.838 227.838 253.647 196 253.647C164.163 253.647 138.353 227.838 138.353 196Z" fill="#121212"></path>
								<path d="M0 334.353C0 302.516 25.8095 276.706 57.647 276.706C89.4846 276.706 115.294 302.516 115.294 334.353C115.294 366.191 89.4846 392 57.647 392C25.8095 392 0 366.191 0 334.353Z" fill="#121212"></path>
							</svg></span>
								</span>
							</div></div>		</div>
		<div class="flexbox">
			<div class="h3 headline ">CSS</div>
			<textarea id="outputCSS" readonly></textarea>			
			<div class="buttons buttons-center"><div id="copyIframeCSS" class="btn " >
								<span class="btn-before"><svg width="254" height="392" viewBox="0 0 254 392" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M0 57.647C0 25.8095 25.8095 0 57.647 0C89.4846 0 115.294 25.8095 115.294 57.647C115.294 89.4846 89.4846 115.294 57.647 115.294C25.8095 115.294 0 89.4846 0 57.647Z" fill="#121212"></path>
								<path d="M138.353 196C138.353 164.163 164.163 138.353 196 138.353C227.838 138.353 253.647 164.163 253.647 196C253.647 227.838 227.838 253.647 196 253.647C164.163 253.647 138.353 227.838 138.353 196Z" fill="#121212"></path>
								<path d="M0 334.353C0 302.516 25.8095 276.706 57.647 276.706C89.4846 276.706 115.294 302.516 115.294 334.353C115.294 366.191 89.4846 392 57.647 392C25.8095 392 0 366.191 0 334.353Z" fill="#121212"></path>
							</svg></span>
								<span class="btn-text">In die Zwischenablage kopieren
									<span class="btn-after"><svg width="254" height="392" viewBox="0 0 254 392" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M0 57.647C0 25.8095 25.8095 0 57.647 0C89.4846 0 115.294 25.8095 115.294 57.647C115.294 89.4846 89.4846 115.294 57.647 115.294C25.8095 115.294 0 89.4846 0 57.647Z" fill="#121212"></path>
								<path d="M138.353 196C138.353 164.163 164.163 138.353 196 138.353C227.838 138.353 253.647 164.163 253.647 196C253.647 227.838 227.838 253.647 196 253.647C164.163 253.647 138.353 227.838 138.353 196Z" fill="#121212"></path>
								<path d="M0 334.353C0 302.516 25.8095 276.706 57.647 276.706C89.4846 276.706 115.294 302.516 115.294 334.353C115.294 366.191 89.4846 392 57.647 392C25.8095 392 0 366.191 0 334.353Z" fill="#121212"></path>
							</svg></span>
								</span>
							</div></div>		</div>
	</div>
	
	<div class="samplebox-content flex flexColumn">
		<div class="h3 headline ">Vorschau</div>
		<div id="output"></div>
	</div>
</div>		
	</div>
</section>


<section id="block_9a69363e85432b32e30e80fca3579f4d" class="revilodesign code">
	<div class="content">
		<article class="article-content"><h3>Und so funktioniert der responsive iframe Generator</h3>
<p>Gib eine URL ein und wähle ein Seitenverhältnis. Nachdem du beides ausgewählt hast ändern sich automatisch die Seitenverhältnisse des Demo iframe. Du kannst natürlich ein iframe auch ohne Generator responsive machen.</p>
<h2>So erstellst du ein responsive iframe im Verhältnis 16:9</h2>
<p>Früher musste man umständlich mehrere divs erstellen, und mehrere Zeilen CSS Code schreiben. Doch dies fällt dank <code>aspect-ratio</code> komplett weg. Du kannst mit <code>aspect-ratio</code> alle Seitenverhältnisse angeben, die du möchtest. </p>
<h3>So funktioniert aspect-ratio</h3>
<p>Mit <code>aspect-ratio</code> kannst du die Breite und Höhe im Verhältnis angeben.</p>
</article>		<div id="code-block_9a69363e85432b32e30e80fca3579f4d" class="codeblock">
			<div class="code-language">css</div>
			<pre>
				<code class="language-css">aspect-ratio: {Höhe} / {Breite};</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


<section id="block_a0c4f1d5d0628a3df732a8ace4444de4" class="revilodesign demo">
	<div class="content">
				
					<div class="demo" style="max-height:600px; height:600px">
				<ul class="tabs">
					<li data-brush="view" class="active"><i class="fa-regular fa-eye"></i></li>					<li data-brush="html"><i class="fa-brands fa-html5"></i> HTML</li>										<li data-brush="css"><i class="fa-brands fa-css3"></i> CSS</li>					
				</ul>
				<div class="demoBoxWrapper">
					
											<div class="demo-box demo-box-html">
							<div class="codeblock">
								<div class="code-language">HTML</div>
								<pre>
									<code class="language-xml">&lt;iframe class=&quotiframe&quot src=&quothttps://www.youtube.com/embed/DjhKlwPWlJ4&quot title=&quotYouTube video player&quot frameborder=&quot0&quot allow=&quotaccelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture&quot allowfullscreen&gt;&lt;/iframe&gt;</code>
								</pre>
							</div>
						</div>
										
										
											<div class="demo-box demo-box-css">
							<div class="codeblock">
								<div class="code-language">CSS</div>
								<pre>
									<code class="language-css">iframe.iframe {
	margin: 24px 10%;
	width: 80%;
	aspect-ratio:16 / 9;
}</code>
								</pre>
							</div>
						</div>
										
					<div class="demo-box demo-box-view active">
						<style>iframe.iframe {
	margin: 24px 10%;
	width: 80%;
	aspect-ratio:16 / 9;
}</style>						<iframe class="iframe" src="https://www.youtube.com/embed/DjhKlwPWlJ4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>					</div>
					
				</div>
			</div>
				
	</div>
</section>


<section id="block_56c093157613652229cadec043d73eae" class="revilodesign demo">
	<div class="content">
		<article class="article-content"><p>Leider unterstützen noch nicht alle Browser <code>aspect-ratio</code>. Jetzt muss man abwägen, ob man nur auf neue Browser setzte oder versucht alle zu bedienen. Wenn man für letzteres ist, dann muss man einige paar Zeilen mehr schreiben.</p>
</article>		
					<div class="demo" style="max-height:560px; height:560px">
				<ul class="tabs">
					<li data-brush="view" class="active"><i class="fa-regular fa-eye"></i></li>					<li data-brush="html"><i class="fa-brands fa-html5"></i> HTML</li>										<li data-brush="css"><i class="fa-brands fa-css3"></i> CSS</li>					
				</ul>
				<div class="demoBoxWrapper">
					
											<div class="demo-box demo-box-html">
							<div class="codeblock">
								<div class="code-language">HTML</div>
								<pre>
									<code class="language-xml">&lt;div class=&quotiframeWrapper&quot&gt;
	&lt;iframe src=&quothttps://www.youtube.com/embed/DjhKlwPWlJ4&quot title=&quotYouTube video player&quot frameborder=&quot0&quot&gt;&lt;/iframe&gt;
&lt;/div&gt;</code>
								</pre>
							</div>
						</div>
										
										
											<div class="demo-box demo-box-css">
							<div class="codeblock">
								<div class="code-language">CSS</div>
								<pre>
									<code class="language-css">div.iframeWrapper {
	position: relative;
	width: 80%;
	margin: 24px 10%;
}
div.iframeWrapper::after {
	content: '';
	display: block;
	padding-top: 56.25%; // 16:9
}
div.iframeWrapper iframe {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}</code>
								</pre>
							</div>
						</div>
										
					<div class="demo-box demo-box-view active">
						<style>div.iframeWrapper {
	position: relative;
	width: 80%;
	margin: 24px 10%;
}
div.iframeWrapper::after {
	content: '';
	display: block;
	padding-top: 56.25%; // 16:9
}
div.iframeWrapper iframe {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}</style>						<div class="iframeWrapper">
	<iframe src="https://www.youtube.com/embed/DjhKlwPWlJ4" title="YouTube video player" frameborder="0"></iframe>
</div>					</div>
					
				</div>
			</div>
				
	</div>
</section>


<section id="block_eec32ebe2ffd121971f54eea61d4c222" class="revilodesign code">
	<div class="content">
		<article class="article-content"><p>Zunächst muss ein div erstellt werden, welches die finale Breite hat. Diesem div können wir die Pseudo-Klasse <code>::after</code> anfügen und mit padding-top können wir die Höhe erstellen. Eine kleine Liste der Seitenverhältnisse.</p>
</article>		<div id="code-block_eec32ebe2ffd121971f54eea61d4c222" class="codeblock">
			<div class="code-language">css</div>
			<pre>
				<code class="language-css">padding-top: 56.25%; /* ratio 16x9 */

padding-top: 75%; /* ratio 4x3 */

padding-top: 66.66%;  /* ratio 3x2 */

padding-top: 62.5%;/* ratio 8x5 */

padding-top: 100%;/* ratio 1x1 */</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


	<section id="block_a220d3fc3443057237f0e8dade44d7be" class="revilodesign revilodesign-text text section-8 bg-color-white section-width-full section-height-auto content-width-content content-align-left text-align-left">
		<div class="content">
			<div class="flex alignCenter">
								<div class="flexbox text right asset-type-empty">
					<article class="article-content"><p>Wie du siehst benötigt es ein bisschen mehr CSS Code, um ein iframe auch für ältere Browser responsive zu machen. Am Ende musst du entscheiden, welcher Weg für dich der Beste ist.</p>
</article>				</div>
							</div>
		</div>
			</section>
<p>Der Beitrag <a href="https://www.revilodesign.de/tools/iframe-responsive-generator-online/">iframe responsive Generator online</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.revilodesign.de/tools/iframe-responsive-generator-online/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Blindtext Generator &#8211; Lorem Ipsum Texte für Webdesigner</title>
		<link>https://www.revilodesign.de/tools/blindtext-generator-lorem-ipsum-texte-fuer-webdesigner/</link>
					<comments>https://www.revilodesign.de/tools/blindtext-generator-lorem-ipsum-texte-fuer-webdesigner/#comments</comments>
		
		<dc:creator><![CDATA[Oliver Götze]]></dc:creator>
		<pubDate>Fri, 26 Feb 2021 15:05:40 +0000</pubDate>
				<category><![CDATA[Tools]]></category>
		<guid isPermaLink="false">https://www.revilodesign.de/?p=2634</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://www.revilodesign.de/tools/blindtext-generator-lorem-ipsum-texte-fuer-webdesigner/">Blindtext Generator &#8211; Lorem Ipsum Texte für Webdesigner</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></description>
										<content:encoded><![CDATA[<section id="block_b50ea23830657f9760f92b76582ec6aa" class="revilodesign demo">
	<div class="content">
		<article class="article-content"><p>Nutze den <strong>kostenlosen Blindtext Generator</strong> für dein neuestes Webdesign Projekt &#8211; kostenlos und ohne Anmeldung.</p>
</article>		
		<div id="samplebox" class="blindtextgenerator">
	<div class="samplebox-content flex">
		<div class="flexbox">
			<div class="flex">
				<div class="flexbox title">Blindtext</div>
				<div class="flexbox form">
					<label for="lorem"><input type="radio" id="lorem" name="blindtext" value="lorem" checked="" /> Lorem ipsum</label>
					<label for="typoblindtext"><input type="radio" id="typoblindtext" name="blindtext" value="typoblindtext" /> Typoblindtext</label>
					<label for="katze"><input type="radio" id="katze" name="blindtext" value="katze" /> Katze</label>
				</div>
			</div>
			<div class="flex">
				<div class="flexbox title">Count</div>
				<div class="flexbox form">
					<input id="count" type="number" min="1" step="1" value="123" />
					<div class="flex alignCenter">
						<div class="flexbox">
							<label for="words"><input type="radio" id="words" name="type" value="words" checked="" /> Wörter</label>
						</div>
						<div class="flexbox">
							<label for="letters"><input type="radio" id="letters" name="type" value="letters" /> Zeichen</label>
						</div>
					</div>
				</div>
			</div>
			<div class="flex">
				<div class="flexbox title">Absätze</div>
				<div class="flexbox form">
					<div class="flex alignCenter">
						<div class="flexbox">
							<input id="sections" type="number" min="1" step="1" value="1" />
						</div>
						<div class="flexbox">
							<label for="paragraphs"><input type="checkbox" id="paragraphs" name="tags" /> &lt;p&gt;-Tags</label>
						</div>
					</div>
				</div>
			</div>
			
		</div>
		
		<div class="flexbox flexbox-2 blindtextOutput">
			<div class="blindtextOutputBox">
				<div class="blindtextOutputMeta flex">
					<div class="flexbox">
						<div class="buttons buttons-center"><div id="copy-button" class="btn " >
								<span class="btn-before"><svg width="254" height="392" viewBox="0 0 254 392" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M0 57.647C0 25.8095 25.8095 0 57.647 0C89.4846 0 115.294 25.8095 115.294 57.647C115.294 89.4846 89.4846 115.294 57.647 115.294C25.8095 115.294 0 89.4846 0 57.647Z" fill="#121212"></path>
								<path d="M138.353 196C138.353 164.163 164.163 138.353 196 138.353C227.838 138.353 253.647 164.163 253.647 196C253.647 227.838 227.838 253.647 196 253.647C164.163 253.647 138.353 227.838 138.353 196Z" fill="#121212"></path>
								<path d="M0 334.353C0 302.516 25.8095 276.706 57.647 276.706C89.4846 276.706 115.294 302.516 115.294 334.353C115.294 366.191 89.4846 392 57.647 392C25.8095 392 0 366.191 0 334.353Z" fill="#121212"></path>
							</svg></span>
								<span class="btn-text">In die Zwischenablage kopieren
									<span class="btn-after"><svg width="254" height="392" viewBox="0 0 254 392" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M0 57.647C0 25.8095 25.8095 0 57.647 0C89.4846 0 115.294 25.8095 115.294 57.647C115.294 89.4846 89.4846 115.294 57.647 115.294C25.8095 115.294 0 89.4846 0 57.647Z" fill="#121212"></path>
								<path d="M138.353 196C138.353 164.163 164.163 138.353 196 138.353C227.838 138.353 253.647 164.163 253.647 196C253.647 227.838 227.838 253.647 196 253.647C164.163 253.647 138.353 227.838 138.353 196Z" fill="#121212"></path>
								<path d="M0 334.353C0 302.516 25.8095 276.706 57.647 276.706C89.4846 276.706 115.294 302.516 115.294 334.353C115.294 366.191 89.4846 392 57.647 392C25.8095 392 0 366.191 0 334.353Z" fill="#121212"></path>
							</svg></span>
								</span>
							</div></div>					</div>
				</div>
				<div id="output"></div>
			</div>
		</div>
	</div>
</div>		
	</div>
</section>


	<section id="block_a0fe0a6deb823881b238cc1b8f5e142f" class="revilodesign revilodesign-text text section-9 bg-color-white section-width-full section-height-auto content-width-content content-align-left text-align-left">
		<div class="content">
			<div class="flex alignCenter">
								<div class="flexbox text right asset-type-empty">
					<article class="article-content"><h2>Wozu einen Blindtext-Generator nutzen?</h2>
<p><strong>Ganz einfach:</strong> Weil Kunden alles sofort und am besten schon gestern haben wollen, aber wenn es um die Zuarbeiten wie Texte und Bilder geht, erfahrungsgemäß die &#8222;Bremse&#8220; im ganzen Erstellungsprozess der Webseite sind. Aber da man meistens keine Zeit hat zu warten und schon einmal mit dem Layout beginnen möchte, nutzt man am besten einen Blindtext Generator.</p>
<blockquote>
<p><strong>Lieblingsfrage meiner Kunden:</strong> Das ist aber nicht der finale Text, oder?</p>
</blockquote>
<p>Mittlerweile habe ich schon so oft externe Tools genutzt, dass ich mir irgendwann dachte, wieso nicht selbst einen erstellen? Und et voilà &#8211; Hier ist mein eigens erstelltes <strong>Lorem Ipsum Tool</strong>.</p>
<h2>Wie funktioniert der Blindtext Generator</h2>
<p>Dieser <strong>Lorem ipsum Generator</strong> ist keine Raketenwissenschaft, wie man so schön sagt. Einfach Anzahl der Zeichen auswählen, zwischen den verschiedenen Blindtexten switchen und noch entscheiden, ob man Paragraphen angezeigt haben möchte oder nicht. Ab in die Zwischenablage und rein ins neu erstellte Template oder eben in die Webseite, an der man gerade sitzt.</p>
<p>Hast du Verbesserungsvorschläge oder Wünsche, dann lass es mich doch bitte wissen und ich versuche das Tool anzupassen. </p>
</article>				</div>
							</div>
		</div>
			</section>
<p>Der Beitrag <a href="https://www.revilodesign.de/tools/blindtext-generator-lorem-ipsum-texte-fuer-webdesigner/">Blindtext Generator &#8211; Lorem Ipsum Texte für Webdesigner</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.revilodesign.de/tools/blindtext-generator-lorem-ipsum-texte-fuer-webdesigner/feed/</wfw:commentRss>
			<slash:comments>3</slash:comments>
		
		
			</item>
		<item>
		<title>Google Maps API &#8211; Place ID Finder</title>
		<link>https://www.revilodesign.de/tools/google-maps-api-place-id-finder/</link>
					<comments>https://www.revilodesign.de/tools/google-maps-api-place-id-finder/#comments</comments>
		
		<dc:creator><![CDATA[Oliver Götze]]></dc:creator>
		<pubDate>Tue, 29 Oct 2019 09:11:32 +0000</pubDate>
				<category><![CDATA[Tools]]></category>
		<guid isPermaLink="false">https://www.revilodesign.de/?p=2308</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://www.revilodesign.de/tools/google-maps-api-place-id-finder/">Google Maps API &#8211; Place ID Finder</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></description>
										<content:encoded><![CDATA[<section id="block_f138e5104507602fbf52333ae02704f1" class="revilodesign demo">
	<div class="content">
		<article class="article-content"><p>Nutze den <strong>Google Maps Place ID Finder</strong> um die place_id bestimmter Orte schnell und einfach herauszufinden, denn jeder Ort hat eine bestimmte und eindeutige ID. Versuche es doch einfach mal aus und gebe beispielsweise den Namen deines Lieblingsrestaurant ein oder die Adresse einer Sehenswürdigkeit in deiner Nähe. </p>
<h2>Kostenloser Place ID Finder</h2>
</article>		
		<div id="finder">
	<div id="finder-search" class="flex">
		<div class="flexbox">
			<input id="address" type="text" placeholder="Adresse, Geschäft oder Sehenswürdigkeit eingeben"/>
		</div>
		<div class="flexbox flexbox-auto">
			<div class="buttons"><div id="find" class="btn " >
								<span class="btn-before"><svg width="254" height="392" viewBox="0 0 254 392" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M0 57.647C0 25.8095 25.8095 0 57.647 0C89.4846 0 115.294 25.8095 115.294 57.647C115.294 89.4846 89.4846 115.294 57.647 115.294C25.8095 115.294 0 89.4846 0 57.647Z" fill="#121212"></path>
								<path d="M138.353 196C138.353 164.163 164.163 138.353 196 138.353C227.838 138.353 253.647 164.163 253.647 196C253.647 227.838 227.838 253.647 196 253.647C164.163 253.647 138.353 227.838 138.353 196Z" fill="#121212"></path>
								<path d="M0 334.353C0 302.516 25.8095 276.706 57.647 276.706C89.4846 276.706 115.294 302.516 115.294 334.353C115.294 366.191 89.4846 392 57.647 392C25.8095 392 0 366.191 0 334.353Z" fill="#121212"></path>
							</svg></span>
								<span class="btn-text">Suchen
									<span class="btn-after"><svg width="254" height="392" viewBox="0 0 254 392" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M0 57.647C0 25.8095 25.8095 0 57.647 0C89.4846 0 115.294 25.8095 115.294 57.647C115.294 89.4846 89.4846 115.294 57.647 115.294C25.8095 115.294 0 89.4846 0 57.647Z" fill="#121212"></path>
								<path d="M138.353 196C138.353 164.163 164.163 138.353 196 138.353C227.838 138.353 253.647 164.163 253.647 196C253.647 227.838 227.838 253.647 196 253.647C164.163 253.647 138.353 227.838 138.353 196Z" fill="#121212"></path>
								<path d="M0 334.353C0 302.516 25.8095 276.706 57.647 276.706C89.4846 276.706 115.294 302.516 115.294 334.353C115.294 366.191 89.4846 392 57.647 392C25.8095 392 0 366.191 0 334.353Z" fill="#121212"></path>
							</svg></span>
								</span>
							</div></div>		</div>
	</div>
	<div id="geometry"></div>
	<div id="map"></div>
	<div id="datas"></div>
</div>
<script>
	function initAutocomplete() {
	
		var markers = [];

		autocomplete = new google.maps.places.Autocomplete((document.getElementById('address')),{
			types: ['geocode']
		});
		
		var myLatLng = {
			lat			:	52.520008,
			lng			:	13.404954
		};
			
		var map		=	new google.maps.Map(document.getElementById('map'), {
			zoom		:	2,
			center		:	myLatLng
		});
		
		
		// START BY CLICK
		jQuery('div#find').on('click', function() {
			LatLngSearch();			
		});
		
		// START BY PRESS ENTER
		jQuery('#address').bind("enterKey",function(e){
			LatLngSearch();	
		});
		jQuery('#address').keyup(function(e){
			if(e.keyCode == 13) {
				LatLngSearch();
			}
		});
		
		// DELETE ALL MARKERS
		function DeleteMarkers() {
			for (var i = 0; i < markers.length; i++) {
				markers[i].setMap(null);
			}
			markers = [];
		};
		
		// CLICK ON MAP
		google.maps.event.addListener(map, 'click', function(event) {
			placeMarker(map, event.latLng);
			LatLngClick( event.latLng );
		});
		
		function placeMarker(map, location) {
			var marker = new google.maps.Marker({
				position	:	location,
				map			:	map,
				icon		:	new google.maps.MarkerImage( '/wp-content/themes/revilodesign/images/icon_empty.svg', null, null, null, new google.maps.Size(1,1) )
			});
							
			// ADD MARKER TO ARRAY
			DeleteMarkers();
		}
		
		
		
		// SHOW LAT LNG		
		function LatLngSearch(  ) {
			
			var value	=	jQuery('input#address').val();
			
			if ( value ) {
				var request		=	$.ajax({
					url			:	"https://www.revilodesign.de/wp-content/themes/revilodesign/demos/ajax_latlon.php",
					method		:	"POST",
					data		:	{ 
										address			:	value,
										showPlaceId		:	'true'
									},
					dataType	:	'json',
					success		:	function(result) {
						console.log({result});
						jQuery('div#geometry').html('').addClass('show');

						jQuery('div#geometry').append('<div class="full"><strong>Place ID:</strong> <input size="' + result['placeLength'] + '"  id="copyPlaceId" readonly="" value="' + result['place'] + '" /> <span class="scale-minus" onclick="copyPlaceId()"><i class="far fa-copy"></i></span></div>');

						if ( result['lat'] && result['lng'] ) {
							DeleteMarkers();

							var searchLatLng = {
								lat			:	result['lat'],
								lng			:	result['lng']
							};
							
							// KARTE NEU POSITIONIEREN
							var map		=	new google.maps.Map(document.getElementById('map'), {
								zoom		:	14,
								center		:	searchLatLng
							});
							
							var marker = new google.maps.Marker({
								map			:	map,
								position	:	searchLatLng,
								animation	:	google.maps.Animation.DROP
				            });
				            
				            var infowindow	=	new google.maps.InfoWindow({
								content: '<strong>Place ID:</strong> ' + result['place']
							});
							infowindow.open(map,marker);
							
							// ADD MARKER TO ARRAY
							markers.push(marker);
							
							// CLICK ON MAP
							google.maps.event.addListener(map, 'click', function(event) {
								placeMarker(map, event.latLng);
								LatLngClick( event.latLng );
							});
						}
						
					},
					error		:	function (xhr, ajaxOptions, thrownError) {
						alert(xhr.status);
						alert(thrownError);
					}
				});
			}
		}
	}
	
	// COPY PLACE ID
	function copyPlaceId() {
		var copyText	=	document.getElementById('copyPlaceId');
		copyText.select();
		document.execCommand('copy');
	}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAwHvgZdIJwDdFv2O4TwfXuYLp8bSq4fpQ&libraries=places&callback=initAutocomplete" async defer></script>		
	</div>
</section>


<section id="block_fa33b91eb34652b22c71b4f04538dc5a" class="revilodesign code">
	<div class="content">
		<article class="article-content"><p><strong>So funktioniert&#8217;s:</strong> Gib einfach eine Adresse, einen Ort, eine Sehenswürdigkeit oder ein Geschäft in das Suchfeld ein und drücke Enter oder auf den Button und das Tool sollte Dir die Place_ID ausgeben.</p>
<h2>Die Google Place ID via API herausfinden</h2>
<p>Natürlich kann man das ganze Tool auch selbst nachbauen. Dazu müsst Ihr nur <a href="https://www.revilodesign.de/blog/google-maps-api/google-maps-api-erstellen/" title="Google Maps API Key erstellen">einen Google Maps API Key erstellen</a> und schon kann es losgehen.</p>
<h3>1. JSON URL erstellen</h3>
<p>Zunächst einmal müsst Ihr euch die Google Maps JSON-URL zusammen bauen. In meinem obigen Beispiel sieht die URL wie folgt aus:</p>
</article>		<div id="code-block_fa33b91eb34652b22c71b4f04538dc5a" class="codeblock">
			<div class="code-language">plaintext</div>
			<pre>
				<code class="language-plaintext" data-highlighted="yes">https://maps.googleapis.com/maps/api/place/findplacefromtext/json?input=ADRESSE&inputtype=textquery&fields=place_id&key=APIKEY</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


<section id="block_7ce0b69600fbb446bbe11efea6e3dba3" class="revilodesign code">
	<div class="content">
		<article class="article-content"><p><u>Erklärung:</u></p>
<ol>
<li><strong>Adresse:</strong> Hier kommt die Adresse oder der Name der Sehenswürdigkeit rein. Beispielsweise &#8222;brandenburger%20tor%20berlin&#8220;</li>
<li><strong>API Key:</strong> Diesen Platzhalter ersetzt Ihr mit Euren generierten API Key</li>
</ol>
<blockquote>
<p><strong>Hinweis:</strong> Die Leerzeichen in der Adresse sollten nicht mit einem Bindestrich ersetzt werden, sondern mit <strong>%20</strong>. Ansonsten kann es sein, dass Ihr bei &#8222;brandenburger-tor-berlin&#8220; zwei Place ID&#8217;s als Rückgabewert bekommt, da die API Brandenburger Tor und Berlin als eigenständige Suchanfragen wertet.</p>
</blockquote>
<p>Passt die URL am besten einmal an und öffnet Sie in einen neuen Tab. </p>
</article>		<div id="code-block_7ce0b69600fbb446bbe11efea6e3dba3" class="codeblock">
			<div class="code-language">plaintext</div>
			<pre>
				<code class="language-plaintext" data-highlighted="yes">https://maps.googleapis.com/maps/api/place/findplacefromtext/json?input=brandenburger%20tor%20berlin&inputtype=textquery&fields=place_id&key=APIKEY</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


	<section id="block_e43fa7b4984de63a4ddf33bf0874dfbd" class="revilodesign revilodesign-text text section-10 bg-color-white section-width-full section-height-auto content-width-content content-align-left text-align-left">
		<div class="content">
			<div class="flex alignCenter">
								<div class="flexbox text right asset-type-empty">
					<article class="article-content"><p>Im besten Fall solltet Ihr folgendes Resultat erhalten:</p>
</article>				</div>
							</div>
		</div>
			</section>


<section id="block_707a5e2e9db175f7b0a5ca9ca65c6ca0" class="revilodesign image">
	<div class="content">
		<p><span class="image-wrapper"><span class="image">
		<picture class="aligncenter pixel" data-image="2312">
			<source srcset="https://www.revilodesign.de/media/google-place-id-finder-json-300x106.webp" type="image/webp" media="(max-width: 300px)" width="300" height="106"><source srcset="https://www.revilodesign.de/media/google-place-id-finder-json-300x106.jpg" type="image/jpeg" media="(max-width: 300px)" width="300" height="106"><source srcset="https://www.revilodesign.de/media/google-place-id-finder-json-150x150.webp" type="image/webp" media="(max-width: 150px)" width="150" height="150"><source srcset="https://www.revilodesign.de/media/google-place-id-finder-json-150x150.jpg" type="image/jpeg" media="(max-width: 150px)" width="150" height="150"><source srcset="https://www.revilodesign.de/media/google-place-id-finder-json-768x272.webp" type="image/webp" media="(max-width: 768px)" width="768" height="272"><source srcset="https://www.revilodesign.de/media/google-place-id-finder-json-768x272.jpg" type="image/jpeg" media="(max-width: 768px)" width="768" height="272"><source srcset="https://www.revilodesign.de/media/google-place-id-finder-json-400x142.webp" type="image/webp" media="(max-width: 400px)" width="400" height="142"><source srcset="https://www.revilodesign.de/media/google-place-id-finder-json-400x142.jpg" type="image/jpeg" media="(max-width: 400px)" width="400" height="142"><source srcset="https://www.revilodesign.de/media/google-place-id-finder-json-500x177.webp" type="image/webp" media="(max-width: 500px)" width="500" height="177"><source srcset="https://www.revilodesign.de/media/google-place-id-finder-json-500x177.jpg" type="image/jpeg" media="(max-width: 500px)" width="500" height="177"><source srcset="https://www.revilodesign.de/media/google-place-id-finder-json-600x213.webp" type="image/webp" media="(max-width: 600px)" width="600" height="213"><source srcset="https://www.revilodesign.de/media/google-place-id-finder-json-600x213.jpg" type="image/jpeg" media="(max-width: 600px)" width="600" height="213"><source srcset="https://www.revilodesign.de/media/google-place-id-finder-json-700x248.webp" type="image/webp" media="(max-width: 700px)" width="700" height="248"><source srcset="https://www.revilodesign.de/media/google-place-id-finder-json-700x248.jpg" type="image/jpeg" media="(max-width: 700px)" width="700" height="248"><source srcset="https://www.revilodesign.de/media/google-place-id-finder-json-800x283.webp" type="image/webp" media="(max-width: 800px)" width="800" height="283"><source srcset="https://www.revilodesign.de/media/google-place-id-finder-json-800x283.jpg" type="image/jpeg" media="(max-width: 800px)" width="800" height="283"><source srcset="https://www.revilodesign.de/media/google-place-id-finder-json-900x319.webp" type="image/webp" media="(max-width: 900px)" width="900" height="319"><source srcset="https://www.revilodesign.de/media/google-place-id-finder-json-900x319.jpg" type="image/jpeg" media="(max-width: 900px)" width="900" height="319">
			<img fetchpriority="high" decoding="async" src="https://www.revilodesign.de/media/google-place-id-finder-json.webp" alt="google place id finder json" width="926" height="328" />
		</picture></span></span></p>
	</div>
</section>


<section id="block_3f2374bb49edbcb5e50004ec74377730" class="revilodesign code">
	<div class="content">
		<article class="article-content"><h3>2. Verarbeiten des JSON</h3>
<p>Nun, wenn Ihr den &#8222;status: OK&#8220; erhaltet, könnt Ihr euch <i>die Place ID ausgeben lassen</i>. Ich habe eine Ajax Abfrage erstellt und in dieser sieht mein Code in etwa so aus:</p>
</article>		<div id="code-block_3f2374bb49edbcb5e50004ec74377730" class="codeblock">
			<div class="code-language">php</div>
			<pre>
				<code class="language-php">// DEIN GOOGLE API KEY
$api_key    =   'XYZ';

// ADRESSE FORMATIEREN
$address	=	'Brandenburger Tor Berlin';
$address	=	str_replace(array('ä','ü','ö','ß'), array('ae', 'ue', 'oe', 'ss'), $address );
$address	=	preg_replace(&quot/[^a-zA-Z0-9\_\s]/&quot, &quot&quot, $address);
$address	=	strtolower($address);
$address    =	str_replace( array(' ', '--'), array('%20', '%20'), $address );

// PLACE ID
$json	=	file_get_contents('https://maps.googleapis.com/maps/api/place/findplacefromtext/json?input=' . $address . '&inputtype=textquery&fields=place_id&key=' . $api_key); 
$obj	=	json_decode($json);

if ( $obj-&gt;candidates[0]-&gt;place_id !== null ) {
    $place_id	=	$obj-&gt;candidates[0]-&gt;place_id;
} else {
    $place_id	=	'Upsi, Fehler.';
}

// AUSGABE PLACE ID
echo $place_id;</code>
			</pre>
			<div class="toggleCode" data-text="Weniger anzeigen">Mehr anzeigen</div>
		</div>
	</div>
</section>


	<section id="block_e5dc0e461ad3f9a31db0813d9011e907" class="revilodesign revilodesign-text text section-11 bg-color-white section-width-full section-height-auto content-width-content content-align-left text-align-left">
		<div class="content">
			<div class="flex alignCenter">
								<div class="flexbox text right asset-type-empty">
					<article class="article-content"><p>Idealerweise solltet Ihr nun due placeid angezeigt bekommen. Ist dies nicht der Fall, wird euch eine Fehlermeldung ausgespuckt.</p>
<p>Natürlich kann man den Beispiel Code oben noch verfeinern, erweitern und umstrukturieren, so wie man es mag. Diese Tutorial soll euch ja auch nur als Basis dienen und euch zeigen, wie man die <strong>Google Place ID herausfinden</strong> kann und das ganz ohne Plugin oder Tool, sondern einfach nur mit der Google JSON API Url.</p>
<p>Wenn Euch die Anleitung gefallen hat, dann lasst mir doch ein Kommentar da oder zeigt es mit einem Klick aufs Herz. Danke.</p>
</article>				</div>
							</div>
		</div>
			</section>
<p>Der Beitrag <a href="https://www.revilodesign.de/tools/google-maps-api-place-id-finder/">Google Maps API &#8211; Place ID Finder</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.revilodesign.de/tools/google-maps-api-place-id-finder/feed/</wfw:commentRss>
			<slash:comments>5</slash:comments>
		
		
			</item>
		<item>
		<title>Wie ist meine Instagram ID?</title>
		<link>https://www.revilodesign.de/tools/wie-ist-meine-instagram-id/</link>
					<comments>https://www.revilodesign.de/tools/wie-ist-meine-instagram-id/#comments</comments>
		
		<dc:creator><![CDATA[Oliver Götze]]></dc:creator>
		<pubDate>Tue, 24 Sep 2019 08:55:53 +0000</pubDate>
				<category><![CDATA[Tools]]></category>
		<guid isPermaLink="false">https://www.revilodesign.de/?p=2161</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://www.revilodesign.de/tools/wie-ist-meine-instagram-id/">Wie ist meine Instagram ID?</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></description>
										<content:encoded><![CDATA[<section id="block_27151d456a7054eb5615f4379ba1456a" class="revilodesign demo">
	<div class="content">
		<article class="article-content"><div class="alignright">
<div class="instagramLike" onClick="window.open('https://www.instagram.com/revilodesign_de/');"><i class="fa-regular fa-heart"></i> LIKE</div>
</div>
<p> Du möchtest <strong>Deine Instagram ID herausfinden</strong>, um beispielsweise deine <a href="https://www.revilodesign.de/blog/sonstiges/instagram-beitraege-in-eigene-webseite-einbinden-instagram-access-token-erstellen/" title="Instagram Feeds auf die eigene Webseite einbinden">Instagram Feeds auf die eigene Webseite einbinden</a> zu können? Dann nutze mein kostenloses Tool und ermittle die Identifikationsnummer Deines Profils.</p>
</article>		
		<div id="samplebox" class="instagramBox">
	<div class="samplebox-bg"></div>
	<div class="samplebox-content">
		<label>Instagram Name eingeben:</label>
		<p><small>Instagram Name findest Du in der URL: (https://www.instagram.com/<strong class="green">revilodesign_de</strong>/)</small></p>
		<div class="line flex">
			<div class="flexbox">
				<input type="text" id="myinstaname" value="revilodesign_de" placeholder="revilodesign_de" required="" />
			</div>
			
			<div class="flexbox flexbox-auto">
				<div class="buttons"><div id="findmyid" class="btn " >
								<span class="btn-before"><svg width="254" height="392" viewBox="0 0 254 392" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M0 57.647C0 25.8095 25.8095 0 57.647 0C89.4846 0 115.294 25.8095 115.294 57.647C115.294 89.4846 89.4846 115.294 57.647 115.294C25.8095 115.294 0 89.4846 0 57.647Z" fill="#121212"></path>
								<path d="M138.353 196C138.353 164.163 164.163 138.353 196 138.353C227.838 138.353 253.647 164.163 253.647 196C253.647 227.838 227.838 253.647 196 253.647C164.163 253.647 138.353 227.838 138.353 196Z" fill="#121212"></path>
								<path d="M0 334.353C0 302.516 25.8095 276.706 57.647 276.706C89.4846 276.706 115.294 302.516 115.294 334.353C115.294 366.191 89.4846 392 57.647 392C25.8095 392 0 366.191 0 334.353Z" fill="#121212"></path>
							</svg></span>
								<span class="btn-text">Instagram ID herausfinden
									<span class="btn-after"><svg width="254" height="392" viewBox="0 0 254 392" fill="none" xmlns="http://www.w3.org/2000/svg">
								<path d="M0 57.647C0 25.8095 25.8095 0 57.647 0C89.4846 0 115.294 25.8095 115.294 57.647C115.294 89.4846 89.4846 115.294 57.647 115.294C25.8095 115.294 0 89.4846 0 57.647Z" fill="#121212"></path>
								<path d="M138.353 196C138.353 164.163 164.163 138.353 196 138.353C227.838 138.353 253.647 164.163 253.647 196C253.647 227.838 227.838 253.647 196 253.647C164.163 253.647 138.353 227.838 138.353 196Z" fill="#121212"></path>
								<path d="M0 334.353C0 302.516 25.8095 276.706 57.647 276.706C89.4846 276.706 115.294 302.516 115.294 334.353C115.294 366.191 89.4846 392 57.647 392C25.8095 392 0 366.191 0 334.353Z" fill="#121212"></path>
							</svg></span>
								</span>
							</div></div>			</div>
		</div>
		<div id="output"></div>
	</div>
</div>		
	</div>
</section>


	<section id="block_b102a1cb6af82f44f288cdbb5e526947" class="revilodesign revilodesign-text text section-12 bg-color-white section-width-full section-height-auto content-width-content content-align-left text-align-left">
		<div class="content">
			<div class="flex alignCenter">
								<div class="flexbox text right asset-type-empty">
					<article class="article-content"><p>Die ID ist eine eindeutige und einzigartige numerische Nummer, die nur einmal vergeben und jedem einzelnen User zugewiesen wird. Wenn man zwei ID&#8217;s vergleicht kann man auch erkennen welcher User früher beigetreten ist. </p>
<h2>Instagram ID auslesen &#8211; Find my Instagram-ID</h2>
<p>Du möchtest die <i>ID deines Instagram-Accounts auslesen</i> oder die eines anderen? Dann musst Du nur <strong>drei einfache Schritte</strong> ausführen.</p>
<ol>
<li>Besuche den Instagram Account, dessen ID Du ermitteln möchtest</li>
<li>Kopiere Dir den Namen aus der URL. In meinem Fall ist es revilodesign_de (<small>https://www.instagram.com/<strong>revilodesign_de</strong>/</small>)</li>
<li>Füge den Namen oben in meinen Converter ein und drücke auf den Button.</li>
</ol>
<p>Solltest Du alles richtig gemacht haben werden Dir <strong>die wichtigsten Daten zum Profil</strong> angezeigt. Unter anderem die ID. </p>
<blockquote>
<p>Hast Du jedoch etwas falsch gemacht, sollte Dir eine Fehlermeldung angezeigt werden. Ist dies der Fall probiere es erneut. Bekommst du weiterhin keine ID, dann schreib mir und ich schaue mir das Problem an.</p>
</blockquote>
<h2>ID ohne Tool herausfinden</h2>
<p>Neben der zuerst vorgestellten Methode, die ID mit einem Online-Tool herauszufinden, kann man dies auch über einen anderen Weg machen.</p>
<blockquote>
<p><strong>Hinweis:</strong> Diese Methode ist nur für Fortgeschrittene User geeignet.</p>
</blockquote>
<h3>1. Öffne Instagram</h3>
<p>Öffne Instagram und besuche ein Profil. Zum Beispiel <a href="https://www.instagram.com/revilodesign_de/" title="meine Instagram Seite" target="_blank">meine Instagram Seite</a>.</p>
<h3>2. Url bearbeiten</h3>
<p>Nun musst Du an die Url folgende Parameter anhängen: <code>?__a=1</code></p>
<p>D.h. Meine Instagram Url sieht dann wie folgt aus:<br />
<code>https://www.instagram.com/revilodesign_de/?__a=1</code></p>
<h3>3. json Code interpretieren</h3>
<p>Du solltest nun den folgenden json String sehen:</p>
</article>				</div>
							</div>
		</div>
			</section>


<section id="block_94f0d6d695eee2920434c3197e92e2e2" class="revilodesign image">
	<div class="content">
		<p><span class="image-wrapper"><span class="image">
		<picture class="aligncenter pixel" data-image="2169">
			<source srcset="https://www.revilodesign.de/media/wie-ist-meine-instagram-id-300x169.webp" type="image/webp" media="(max-width: 300px)" width="300" height="169"><source srcset="https://www.revilodesign.de/media/wie-ist-meine-instagram-id-300x169.png" type="image/png" media="(max-width: 300px)" width="300" height="169"><source srcset="https://www.revilodesign.de/media/wie-ist-meine-instagram-id-150x150.webp" type="image/webp" media="(max-width: 150px)" width="150" height="150"><source srcset="https://www.revilodesign.de/media/wie-ist-meine-instagram-id-150x150.png" type="image/png" media="(max-width: 150px)" width="150" height="150"><source srcset="https://www.revilodesign.de/media/wie-ist-meine-instagram-id-768x432.webp" type="image/webp" media="(max-width: 768px)" width="768" height="432"><source srcset="https://www.revilodesign.de/media/wie-ist-meine-instagram-id-768x432.png" type="image/png" media="(max-width: 768px)" width="768" height="432"><source srcset="https://www.revilodesign.de/media/wie-ist-meine-instagram-id-400x225.webp" type="image/webp" media="(max-width: 400px)" width="400" height="225"><source srcset="https://www.revilodesign.de/media/wie-ist-meine-instagram-id-400x225.png" type="image/png" media="(max-width: 400px)" width="400" height="225"><source srcset="https://www.revilodesign.de/media/wie-ist-meine-instagram-id-500x282.webp" type="image/webp" media="(max-width: 500px)" width="500" height="282"><source srcset="https://www.revilodesign.de/media/wie-ist-meine-instagram-id-500x282.png" type="image/png" media="(max-width: 500px)" width="500" height="282"><source srcset="https://www.revilodesign.de/media/wie-ist-meine-instagram-id-600x338.webp" type="image/webp" media="(max-width: 600px)" width="600" height="338"><source srcset="https://www.revilodesign.de/media/wie-ist-meine-instagram-id-600x338.png" type="image/png" media="(max-width: 600px)" width="600" height="338"><source srcset="https://www.revilodesign.de/media/wie-ist-meine-instagram-id-700x394.webp" type="image/webp" media="(max-width: 700px)" width="700" height="394"><source srcset="https://www.revilodesign.de/media/wie-ist-meine-instagram-id-700x394.png" type="image/png" media="(max-width: 700px)" width="700" height="394"><source srcset="https://www.revilodesign.de/media/wie-ist-meine-instagram-id-800x450.webp" type="image/webp" media="(max-width: 800px)" width="800" height="450"><source srcset="https://www.revilodesign.de/media/wie-ist-meine-instagram-id-800x450.png" type="image/png" media="(max-width: 800px)" width="800" height="450"><source srcset="https://www.revilodesign.de/media/wie-ist-meine-instagram-id-900x507.webp" type="image/webp" media="(max-width: 900px)" width="900" height="507"><source srcset="https://www.revilodesign.de/media/wie-ist-meine-instagram-id-900x507.png" type="image/png" media="(max-width: 900px)" width="900" height="507">
			<img decoding="async" src="https://www.revilodesign.de/media/wie-ist-meine-instagram-id.webp" alt="wie ist meine instagram id" width="1000" height="563" />
		</picture></span></span></p>
	</div>
</section>


	<section id="block_f1fb60f5c47b24c5f8a1b07be83520ef" class="revilodesign revilodesign-text text section-13 bg-color-white section-width-full section-height-auto content-width-content content-align-left text-align-left">
		<div class="content">
			<div class="flex alignCenter">
								<div class="flexbox text right asset-type-empty">
					<article class="article-content"><p>Wenn Du nach <strong>profilePage_</strong> suchst findest Du die Instagram-ID und viele weitere Informationen, wie zum Beispiel: Name, Biografie, Follower, Anzahl der Posts und vieles mehr. </p>
<p>Auch diese Variante ist völlig kostenlos und benötigt keinen Login. </p>
<p>Ich hoffe Dir hat meine <strong>Anleitung zum Thema &#8211; wie finde ich meine Instagram-ID heraus?</strong> &#8211; gefallen. Solltest Du Fragen oder Anregungen haben würde ich mich über ein Kommentar freuen.</p>
</article>				</div>
							</div>
		</div>
			</section>
<p>Der Beitrag <a href="https://www.revilodesign.de/tools/wie-ist-meine-instagram-id/">Wie ist meine Instagram ID?</a> erschien zuerst auf <a href="https://www.revilodesign.de">revilodesign</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.revilodesign.de/tools/wie-ist-meine-instagram-id/feed/</wfw:commentRss>
			<slash:comments>8</slash:comments>
		
		
			</item>
	</channel>
</rss>
